Комментарий: Простая функция HTML теперь позволяет нам автоматически найти входной фокус в требуемые элементы после загрузки страницы. Это завершено через атрибут, называемый AutoFocus. Заинтересованные друзья могут узнать об этом.
Оригинальный текст: HTML5 AutoFocus attribut
Оригинальная дата выпуска: 27 августа 2012 г.
Время перевода: 6 августа 2013 г.
HTML5 выпустил для нас много замечательных вещей.
В прошлом, задачи, которые мы хотели завершить с JavaScript и Flash, такими как проверка формы, Blance Adpts (входные заполнители), загрузка и загрузку клиента (именование файлов клиента) и воспроизведение аудио/видео, теперь могут быть завершены с помощью базового HTML. Другая простая функция HTML заключается в том, что теперь она позволяет нам автоматически найти входной фокус в требуемый элемент после загрузки страницы, и завершать его через свойство, называемое AutoFocus.
Код так же прост, как и следующее:
<!- Все это работают! ->
<input autoFocus = "AutoFocus" />
<Button AutoFocus = "AutoFocus"> HI! </Button>
<textarea autofocus = "AutoFocus"> </textarea>
После того, как свойство автофокуса установлено, входные, текстовые элементы и элементы кнопки будут автоматически выбраны после загрузки страницы (то есть набирая фокус). Я пробовал другие элементы (такие как тег H1), tabindex = 0, но свойство AutoFocus вообще не влияет на эти элементы.
Этот атрибут полезен в основной цели получения страниц, основной целью которых является сбор информации, такой как домашняя страница Google (99% случаев используются для поиска) или мастеров онлайн -установки (например, установщик WordPress). И самое главное, что JavaScript не требует участия.
Полный код страницы заключается в следующем:
<! Doctype html>
<html>
<голова>
<Title> HTML5 AutoFocus Testing </title>
<Meta Content = "EditPlus">
<Meta Content = "[email protected]">
<Meta Content = "Original = http: //davidwalsh.name/autofocus">
</head>
<тело>
<!- В принципе может быть установлен только один из следующих трех элементов. Если установлено несколько элементов, последний элемент должен получить фокус->
<!-
->
<div>
<input autoFocus = "AutoFocus" />
<Button AutoFocus = "AutoFocus"> HI! </Button>
<textarea autofocus = "AutoFocus"> </textarea>
</div>
</body>
</html>