Атрибут autofocus
Синтаксис
HTML
<input type="..." autofocus="autofocus">
Описание
Атрибут / параметр autofocus (от англ. "autofocus" ‒ «автофокус») автоматически переводит фокус на элемент формы сразу после полной загрузки страницы.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.10.19.7 Autofocusing a form control: the autofocus attribute The autofocus content... |
| 5.1 | 4.10.19.6.1. Autofocusing a form control: the autofocus attribute The autofocus content... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением «autofocus».
<input type="..." autofocus> <input type="..." autofocus=""> <input type="..." autofocus="autofocus">
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр autofocus (Элемент input)</title>
</head>
<body>
<h1>Пример использования атрибута "autofocus"</h1>
<form action="/examples/php-scripts/coffee.php" method="post" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант" autofocus="autofocus"></p>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр autofocus (Элемент input)</title>
</head>
<body>
<h1>Пример использования атрибута "autofocus"</h1>
<form action="/examples/php-scripts/coffee.php" method="post" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант" autofocus="autofocus"></p>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Параметр autofocus (Элемент input)