Главная » HTML5 » Форма » Элемент label для поля input
28 0  

Элемент label для поля input

Элемент HTML <label> представляет заголовок для элемента в пользовательском интерфейсе.

- Заготовка формы

====


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

<label for="username">Click me</label>
<input type="text" id="username">


В качестве альтернативы, вы можете вкладывать <input> непосредственно в <label>, и в этом случае атрибуты for и id не нужны, потому что ассоциация явная:

<label>Click me <input type="text"></label>

* Внимание при такой вложености - иногда, в некоторых скриптах срабатывает двойной клик, раз на label  и раз input


** Во внутрь label можно вставлять только input и буквы. Все! Например правильно будет:

<label class="large-label" for="your-name">
  Your name
  <input id="your-name" name="your-name" type="text">
</label> 

am А вот так уже неправильно :

<label for="your-name">
  <h3>Your name</h3>
  <input id="your-name" name="your-name" type="text">
</label>


--

Спецыфикация - смотреть

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019