Атрибут for
Синтаксис
(X)HTML
<[элемент] id="[идентификатор]"> (...</[элемент]>) ... <label for="[идентификатор]"> ... </label>
Описание
Атрибут / параметр for
(от англ. "for" ‒ «для») явно связывает содержимое label
элемента с определённым элементом формы.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 17.9.1 The LABEL element for = idref [CS]... DTD: Transitional
Strict
Frameset
|
5.0 | 4.10.4 The label element The for attribute... |
5.1 | 4.10.4. The label element The for attribute... |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения данного параметра указывается идентификатор элемента формы, к которому необходимо привязать содержимое элемента.
<label for="age"> Введите ваш возраст </label> <p> <input type="number" id="age"> </p>
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр for (Элемент label)</title>
</head>
<body>
<h1>Пример использования атрибута "for"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<input type="radio" name="coffee" id="i1" value="without"> <label for="i1">просто кофе (без всего)</label>
<input type="radio" name="coffee" id="i2" value="milk"> <label for="i2">с молоком</label>
<p><label for="note">Свой вариант:</label> <input type="text" name="coffee_value" id="note" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр for (Элемент label)</title>
</head>
<body>
<h1>Пример использования атрибута "for"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<input type="radio" name="coffee" id="i1" value="without"> <label for="i1">просто кофе (без всего)</label>
<input type="radio" name="coffee" id="i2" value="milk"> <label for="i2">с молоком</label>
<p><label for="note">Свой вариант:</label> <input type="text" name="coffee_value" id="note" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Параметр for (Элемент label)