Подтверждение отправки формы

Question

Имеется форма с 2 input, textarea и кнопкой submit (рисунок 1)

Как можно реализовать, чтобы после нажатия кнопки появлялось подтверждение того, что форма отправилась (рисунок 2)

.input_name{
    border-bottom: 1px solid #333333;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    background-color: transparent;
    color: #ffffff;
    height: 50px;
    width: 460px;
    font-family: Montserrat,serif;
    font-weight: 300;
    font-size: 18px;
    grid-column: three;
    grid-row: row-2;
    margin-top: 10px;
    outline: none;
}

.input_email{
    border-bottom: 1px solid #333333;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    background-color: transparent;
    color: #ffffff;
    height: 50px;
    width: 460px;
    font-family: Montserrat,serif;
    font-weight: 300;
    font-size: 18px;
    grid-column: three;
    grid-row: row-3;
    outline: none;
}

.textarea_mess{
    border-bottom: 1px solid #333333;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    background-color: transparent;
    color: #ffffff;
    height: 100px;
    width: 460px;
    font-family: Montserrat,serif;
    font-weight: 300;
    font-size: 18px;
    grid-column: three;
    grid-row: row-4;
    margin-top: 20px;
    outline: none;
    resize: none;
    overflow: hidden;
}

a.submit{
    grid-column: three;
    grid-row: row-three;
    height: 100px;
    width: 200px;
}

a.submit button{
    width: 170px;
    height: 50px;
    border-radius: 45px;
    border-style: none;
    background: white;
    color: black;
    font-size: 18px;
    font-family: Montserrat, serif;
    font-weight: 300;
    cursor: pointer;
    margin-top: 69px;
}

<input type="text" name="firstname" size="40" placeholder="name" class="input_name">
            <input type="email" name="email" size="40" placeholder="e-mail" class="input_email">
            <textarea name="comment" cols="40" rows="10" placeholder="your message" class="textarea_mess"></textarea>
        <a class="submit" href="#"><button type="submit">submit</button></a>

БЛОГ НА HUSL

Подтверждение отправки формы

Ответы (0 шт):