HTML <select> Tag with the 'autofocus' Attribute
<form id="myForm" action="http://www.htmlcodes.ws/resources/html-forms-action.cfm"> <input name="someText"> <select name="Food" autofocus> <option value ="apples">Apples</option> <option value ="bananas">Bananas</option> <option value ="oranges">Oranges</option> </select> <button>Submit</button> </form>
The above example demonstrates usage of the
<select> element with the
When you load this page, the
<select> control already has the focus. To test this, use a short-cut key to make a selection from the list (for example, press the "Down" arrow on your keyboard). Pressing this key should open the list, displaying all options. If the element didn't have focus, this wouldn't happen.
Note that there must not be more than one element in the document with the autofocus attribute specified.
autofocus attribute is a boolean attribute. If it is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute's canonical name, with no leading or trailing whitespace (i.e. either
- [Empty string]