HTML | input readonly Attribute

HTML input autofocus Attribute

Last Updated : 22 Feb, 2025

The autofocus attribute in HTML is used to specify that a particular form element (like an input field, textarea, or select dropdown) should automatically receive focus when the page is loaded, allowing the user to start interacting with it immediately without needing to click on it.

Syntax

<input autofocus>

Note: It is a Boolean Attribute means it doesn’t need any value.

Example

Tip: Run this code, without using the autofocus attribute.

<!DOCTYPE html>

<html>
<head>
<title>
   HTML input autofocus Attribute
        </title>
</head>
<body style="text-align:center">
<h1 style="color: green;">
   GeeksforGeeks
        </h1>
<h2> HTML input autofocus Attribute</h2> 
    Name:
        <input autofocus="" type="text"/>
<br/>
<br/>
<!-- Assign id to the Button. -->
<button id="GFG">
   Submit
        </button>
<br/>
</body>
</html>

Output:

HTML input autofocus Attribute

Supported Browsers

The browser supported by HTML <input>autofocus Attribute are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

Important Points About AutoFocus Attribute

autofocus is a simple, effective way to improve the user experience by directing the user’s attention to a specific form element immediately upon page load.
Only one element should have the autofocus attribute on a page to avoid unexpected behavior.
It enhances usability, especially in forms and interactive elements, but should be used with care, especially with accessibility considerations in mind.

HTML | input readonly Attribute

M

ManasChhabra2

News

Improve

Article Tags :

Similar Reads

HTML <input> align Attribute

TheÂ HTML <input> align attributeÂ is used withÂ <input type=â€ imageâ€>Â to set the horizontal alignment of the image. It is not supported by HTML 5. Note:Â SinceÂ <input type=â€ imageâ€>Â is not supported by HTML5 you can use CSS there instead of this attribute. The syntax for CSSÂ <input

HTML input maxlength Attribute

The maxlength attribute in the HTML <input> element is used to define the maximum number of characters that can be entered into the field. If no value is specified, or if an invalid value is provided, the input field will have no maximum length. The length is determined in UTF-16 code units, w

HTML | <input> name Attribute

The HTML <input> name Attribute is used to specify a name for an <input> element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript. Syntax: <input name="name"> Attribute Values: It contains a single value name which describ

HTML | <input> list Attribute

The HTML <input> list Attribute is used to identify a list of pre-defined options for an element to suggest the user. Syntax: <input list="datalist_id"> Attribute Values: datalist_id: It is used to specify the Id of the datalist that will used to make a link up with the input element. Ex

HTML | <input> required Attribute

The HTML required Attribute is a Boolean attribute which is used to specify that the input element must be filled out before submitting the Form. This attribute works with other types of input like radio, checkbox, number, text, etc.Syntax: <input required> Example-1: This Example that illustr

HTML <input> disabled Attribute

The disabled attribute for <input> element in HTML is used to specify that the input field is disabled. A disabled input is un-clickable and unusable. It is a boolean attribute. The disabled <input> elements are not submitted in the form. Syntax: <input disabled> Example: C/C++ Cod

HTML <input> type Attribute

The HTML <input> type Attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. Syntax: <input type="value">Attribute Values: Name Description button Defines clickable button in HTML document, commonly activated w

HTML input autofocus Attribute

The autofocus attribute in HTML is used to specify that a particular form element (like an input field, textarea, or select dropdown) should automatically receive focus when the page is loaded, allowing the user to start interacting with it immediately without needing to click on it. Syntax<input

HTML | input readonly Attribute

The readonly attribute of <input> element in HTML is used to specify that the input field is read-only. If an input is readonly, then it's content cannot be changed but can be copied and highlighted. It is a boolean attribute. Syntax: <input readonly> Example: This example uses HTML <

HTML accept Attribute

The HTML <input> accept attribute is used to control the type of files that can be selected for input, restricting the file selection to specific formats such as image/* for images or .pdf for PDF files. Syntax: <input accept = "file_extension | audio/* | video/* | image/* | media_type">