Атрибут autofocus до HTML тега <button>

9 червня 2022 р.139

Зміст

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

Синтаксис

<button autofocus>...</button>

Значення

Ні.

Значення за замовчуванням

За замовчуванням це значення вимкнено.

Приклад

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BUTTON, атрибут autofocus</title>
</head>
<body> <form action="handler.php"> <fieldset> <p>Натискаючи кнопку Далі, ви погоджуєтесь з усіма умовами Ліцензійної угоди, як явними, так і зазначеними в неявній формі.</p> <p><button autofocus value="next">Далі</button></p>
</fieldset>
</form>
</body>
</html>

Результат даного прикладу показаний на мал. 1.

Кнопка з автофокусом

Мал. 1. Кнопка з автофокусом

Браузери


10	12	5	9.6	5	4


4	4	10	5

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, з якої елемент підтримується.

Автор та редактори

Автор: Влад Мержевич

Останнє змінення: 19.03.2018

Редактори: Влад Мержевич