По умолчанию html форма фокус без JavaScript



можно ли установить фокус ввода по умолчанию на HTML, без использования JavaScript, например:



<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>


Я хочу установить фокус по умолчанию для любого из текстовых полей, когда форма загружается без использования JavaScript (поскольку я хочу, чтобы поведение происходило, когда пользователь отключил js).

479   5  

5 ответов:

вы можете сделать это в HTML5, но в противном случае, вы должны использовать JavaScript.

HTML5 позволяет добавлять autofocus к элементу формы, например:

<input type="text" name="myInput" autofocus />

это работает в браузерах, которые поддерживают HTML5 (или, скорее, браузеры, которые поддерживают эту конкретную часть HTML5), но, как вы знаете, не все могут использовать его еще.

что-то знать ... если вы зададите сфокусированный элемент формы, то любой пользователь, использующий вспомогательную технологию (AT), такую как средство чтения с экрана, должен будет создать резервную копию, чтобы увидеть меню и любое другое содержимое, которое находится перед сфокусированным полем.

предпочтительным методом , на мой взгляд, является не устанавливать фокус на какое-либо поле, кроме пропуска ссылки, если она доступна. Это дает им возможность пропустить содержимое страницы или прочитать страницу сверху вниз.

как говорили другие, без Javascript вы не можете гарантировать поле по умолчанию. Альтернативный вариант, который вы можете попробовать, если у вас есть несколько полей, к которым пользователь может получить доступ, использует . Это по существу означает, что пользователь может вернуться к любому из полей мгновенно позже во время просмотра, что может пригодиться для пользователей читателей экрана и т. д...

статья Википедии на эту тему весьма полезна - http://en.wikipedia.org/wiki/Access_key

Это невозможно без какого-либо сценария. Даже домашняя страница Google требует Javascript для фокусировки поля поиска.

вы могли бы использовать tabindex атрибут и использовать самое низкое значение в текстовом поле по умолчанию, хотя. Проверьте здесь для поддержки браузера:

http://reference.sitepoint.com/html/object/tabindex#compatibilitysection

сайт предполагает, что

(почти во всех других случаях-а именно элементы управления формой и ссылки-tabindex имеет отличную поддержку)

Comments

    Ничего не найдено.