HTML autofocus Attribute

The autofocus attribute is a boolean attribute used in HTML forms to automatically focus a specific form element when the page loads. This means that as soon as the page becomes visible to the user, the element with the autofocus attribute will be the active focus, allowing the user to start typing or interacting with it immediately without having to click on it first. This can be particularly useful for enhancing user experience on forms or input fields where immediate action from the user is expected, such as a search box or the first input of a login form.

The autofocus attribute can be added to elements like <input>, <select>, <textarea>, and <button>. However, it's important to use this attribute judiciously as it can affect accessibility and user experience. For instance, automatically focusing an element on page load could disorient users relying on screen readers or those who expect to navigate the page in a different order. Only one element should have the autofocus attribute per page to avoid confusion about which element is focused.