Описание 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 | Да | Да |