Подпись к полю

В предыдущем упражнении мы создали текстовое поле. Но пользователь не знает, что в него вводить, потому что ничто его не описывает.

Для описания полей служит элемент label (подпись). В отличие от input, у него есть открывающий и закрывающий теги, а его содержимое — текст подписи.

Чтобы связать подпись с полем, мы задаём полю атрибут id с уникальным значением, которое его определяет. Затем добавляем в label атрибут for с тем же значением, что и у id поля.

<form action="/processing.html" method="POST">
	<label for="input-nickname">Ник</label>
	<input type="text" name="nickname" id="input-nickname">
</form>

Этот код выглядит так:

Связь подписи с полем даёт два преимущества:

• Щелчок по подписи ставит курсор в поле. Попробуйте щёлкнуть по слову «Ник» выше.
• Программы чтения с экрана, которые зачитывают веб-страницы вслух слепым и слабовидящим людям, читают подпись, когда пользователь доходит до поля, поэтому он знает, что заполнять.