Урок 24 · HTML

У каждого поля есть подпись

Placeholder внутри поля исчезает, когда начинают печатать. Подпись снаружи остаётся.

Почему это следующий шаг

Кнопки и ссылки уже различены. Следующий шаг — форма, в которой понятно, что писать.

Как сделать

Свяжи label и input одним id. Текст подписи пиши в label, а не в placeholder. Placeholder можно оставить коротким примером: «Анна». Для обязательного поля добавь required, но не убирай подпись.

<label for="name">Имя</label>
<input id="name" name="name" required>

Что проверить

• Подпись видна и до клика, и во время ввода.
• Клик по тексту подписи ставит курсор в поле.
• У двух полей разные id.