HTML autofocus Attribute
Definition and Usage
The autofocus
attribute is a boolean attribute.
When present, it specifies that the element should automatically get focus when the page loads.
Applies to
The autofocus
attribute can be used on the following elements:
Examples
Button Example
A button with autofocus:
<button type="button" autofocus>Click Me!</button>
Input Example
Let the "First name" input field automatically get focus when the page loads:
<form action="/action_page.php">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
Textarea Example
A text area with autofocus:
<textarea autofocus>
Love makes Life Live.
</textarea>
Love makes Life Live.
</textarea>
Browser Support
The autofocus
attribute has the following browser support for each element:
Element | |||||
---|---|---|---|---|---|
form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
textarea | Yes | 10.0 | 4.0 | Yes | Yes |
Comments
Post a Comment