HTML Attributes Cheatsheet

Specifies where to send the form data when a form is submitted

Specifies the HTTP method (GET or POST) to use when sending form data

Specifies how form data should be encoded when submitting it

Specifies whether the browser should autocomplete form fields

Specifies that the form should not be validated when submitted

Specifies where to display the response after submitting the form

Specifies the character encodings the server can handle

Specifies the name of the form

Specifies the relationship between the current document and the linked resource

Specifies the types of files that the server accepts (only for file upload)

Disables the input or form control

Makes an input field read-only (cannot be edited)

Allows multiple values to be selected in input fields like file or select

Specifies that an input field must be filled out before submitting

Provides a short hint that describes the expected value of an input field

Specifies a regex pattern that the input value must match

Specifies the maximum number of characters allowed in an input field

Specifies the width of the input field in characters

Specifies the URL of the media file

Specifies an alternate text for images

Specifies that video/audio controls should be displayed

Specifies that the media will start automatically

Specifies that the media will start over when finished

Specifies an image to be shown while video is downloading

Specifies that the audio output should be muted

Specifies if and how the author thinks the media should be loaded

Specifies the relationship between the current document and the linked resource

Specifies the URL of the linked resource

Specifies the MIME type of the linked document

Specifies the media/device for which the linked resource is optimized

Specifies the type of content being preloaded

Specifies how the element handles cross-origin requests

Specifies the language of the linked document

Defines the sizes of icons for different devices

Indicates that the link is disabled (used for alternate stylesheets)

Specifies the character encoding for the HTML document

Specifies the name for metadata (like description, keywords, viewport)

Specifies the value associated with the name or http-equiv attribute

Provides an HTTP header for the information/value of the content attribute

Controls the viewport's size and scale for responsive design

Specifies which version of Internet Explorer should be used to render the page

Specifies the behavior of search engine crawling and indexing

Specifies the name of the document's author

Defines a string label for an element, improving accessibility for screen readers

Indicates whether an element is visible or hidden to assistive technologies

Indicates the current checked state of checkboxes, radio buttons, or menu items

Indicates that the element is disabled and cannot be interacted with

Indicates whether an element, like a collapsible section, is expanded or collapsed

Indicates the current item in a set of items, such as a navigation menu

Indicates that user input is required on the element before form submission

Indicates that an element will be updated and live regions should be announced to users

Defines the role of an element (e.g., button, dialog, navigation) for assistive technologies

Identifies the element(s) that are controlled by the current element

Fires when an element is clicked by the user

Triggered when an element is double-clicked

Occurs when the mouse pointer moves over an element

Fires when the mouse pointer moves out of an element

Fires when a mouse button is pressed down on an element

Occurs when the mouse button is released over an element

Fires when a key is pressed down on the keyboard

Occurs when a key is released after being pressed

Fires when a key is pressed and held down

Triggered when the value of an element changes

Occurs when an input field receives user input

Fires when an element gains focus

Occurs when an element loses focus

Fires when a page or image finishes loading

Triggered when a document is unloaded or the user leaves the page

Occurs when a form is submitted

Triggered when a form is reset

Fires when the browser window is resized

Occurs when an element or window is scrolled

Fires when the context menu is triggered (right-click)

Occurs when an element is being dragged

Triggered when an element is dropped in a valid drop target

Fires when an error occurs while loading an external file like image or script

Fires when the mouse wheel is scrolled over an element