html атрибут autofocus

Атрибут autofocus вказує, що список має отримати фокус одразу після завантаження сторінки.

Атрибут autofocus - це логічний атрибут.

Не вдалось завантажити зображення

Порада:

autofocus для коректної роботи встановлюйте тільки на один елемент сторінки

Синтаксис

<select autofocus>


...


</select>

Атрибут autofocus не має жодного значення :

Переглядач
	8+	4+	4+	10+	10+	12+

Переглядач
	1+	8+	4+	4+

Мобільних переглядачів ще не додано.

Приклади

Приклад 1
Приклад 2

Найпростіший приклад використання HTML атрибута autofocus теґа <select>

<!DOCTYPE html>


<html>


 <head>


  <title>Атрибут тега select - autofocus</title>


 </head>


 <body>


  <form> 


   <select name="num" autofocus>


    <option value="1">uno</option>


    <option value="2">dos</option>


    <option value="3">tres</option>


    <option value="4">cinco</option>


   </select>


  </form> 


 </body>


</html>

Приклад використання HTML атрибута autofocus теґа <select> Якщо приклад не працює скопіюте код на совю сторінку




  See the Pen 


  select.autofocus_css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Різниця між HTML 4.01 та HTML5

У XHTML, атрибут minimization заборонений, а атрибут autofocus повинен бути визначений як <select autofocus="autofocus">.

Атрибут autofocus став доступний для тега <select>

Різниця між XHTML та HTML