Описание autofocus
Атрибут autofocus
- это логический атрибут.
Атрибут autofocus
указывает, что элемент должен автоматически получать фокус при загрузке страницы.
Применение autofocus
Атрибут autofocus
можно использовать для следующих элементов:
Элемент | Атрибут |
---|---|
<button> | autofocus |
<input> | autofocus |
<select> | autofocus |
<textarea> | autofocus |
Примеры autofocus
Пример Button
Кнопка с автофокусом:
<button type="button" autofocus>Нажмите на меня!</button>
Попробуйте сами »
Пример Input
Пусть поле ввода "Имя"
автоматически получает фокус при загрузке страницы:
<form action="/action_page.php">
Имя: <input type="text" name="fname" autofocus><br>
Фамилия: <input type="text" name="lname"><br>
<input type="submit">
</form>
Попробуйте сами »
Пример Textarea
Текстовое поле с автофокусом:
<textarea autofocus>
В schoolsw3.com вы узнаете, как сделать сайт. Мы предлагаем бесплатные обучающие программы по всем технологиям веб разработки.
</textarea>
Попробуйте сами »
Поддержка autofocus
Атрибут autofocus
имеет следующую поддержку браузера для каждого элемента:
Элемент | |||||
---|---|---|---|---|---|
form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
textarea | Да | 10.0 | 4.0 | Да | Да |