Question

Как сделать так, чтобы текст "Ваше имя", "Ваша почта" была в самих полях формы, а при нажатии на поле текст исчезал?

Answer 1

Ознакомьтесь с материалом - Как добавить в input > placeholder

Comments

А скрипт обязательно вставлять, а то у меня без скрипта все работает.

---

В почтовой форме в самом низу, либо в нижнюю часть сайта, кроме, в инпут нужно добавлять:
placeholder="текст который выводится в инпуте"

---

если работает и без, можете не добавлять))

---

Еще вопрос, как вставить картинку с размерами напротив текста в поле?

---

делается примерно так, в таблицу стилей CSS прописать:

.класс input[type=email]:focus, .класс input[type=text]:focus, .класс input[type=url]:focus, .класс input[type=password]:focus, .класс input[type=tel]:focus {
    font-size: 18px;
    text-indent: 65px;
}
.класс ::-webkit-input-placeholder {
    display: inline-block;
    font-family: 'Open Sans', serif;
    background-image: url(ссылка на иконку);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    background-size: 9%;
    text-indent: 65px;
}

Далее, почтовую форму завернуть в див, примерно так:
<div class="класс">
$MFORM_1$
</div>

вместо текста - класс создать свой класс, в общем пробуйте