Синтаксис

<button type="..." autofocus>...</button>

<input autofocus>

<select autofocus>...</select>

<textarea autofocus>...</textarea>

Описание

Атрибут autofocus (от англ. autofocus — автофокус) это логическое значение, которое автоматически переводит фокус на элемент формы сразу после полной загрузки страницы.

Используется в тегах <button><input><select> и <textarea>.

Атрибут может указываться без значения или с пустым значением.

Примечание!

Атрибут autofocus следует присваивать только одному элементу на странице, в противном случае будет конфликт.

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Атрибут autofocus</title>
</head>
<body>
    <form action="/action_page.php">
        <label for="first-name">Имя: </label>
        <input type="text" name="firstName" id="first-name" autofocus><br/>
        <label for="last-name">Фамилия: </label>
        <input type="text" name="lastName" id="last-name"><br/>
        <input type="submit" value="Отправить">
    </form>
</body>
</html>

Отображение в браузере:



Поддержка браузера 

Атрибут

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

autofocus Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных