ARIA is a set of special accessibility attributes which can be added to any markup, but is especially suited to HTML.
ARIA is a set of special accessibility attributes which can be added to any markup, but is especially suited to HTML. The role attribute defines what the general type of object is (such as an article, alert, or slider). Additional ARIA attributes provide other useful properties, such as a description for a form or the current value of a progressbar.
MDN
The type of control to display.
The type of control to display. The default type is text, if this attribute is not specified.
MDN
Script to be run on abort.
Script to be run on abort.
If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.
If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.
MDN
A space- or comma-delimited list of character encodings that the server accepts.
A space- or comma-delimited list of character encodings that the server accepts. The browser uses them in the order in which they are listed. The default value, the reserved string "UNKNOWN", indicates the same encoding as that of the document containing the form element. In previous versions of HTML, the different character encodings could be delimited by spaces or commas. In HTML5, only spaces are allowed as delimiters.
MDN
Specifies a shortcut key to activate/focus an element.
Specifies a shortcut key to activate/focus an element.
The URI of a program that processes the information submitted via the form.
The URI of a program that processes the information submitted via the form. This value can be overridden by a formaction attribute on a button or input element.
MDN
Specifies the horizontal alignment of the element.
Specifies the horizontal alignment of the element. Mostly obsolete since HTML5
MDN
This attribute defines the alternative text describing the image.
This attribute defines the alternative text describing the image. Users will see this displayed if the image URL is wrong, the image is not in one of the supported formats, or until the image is downloaded.
MDN
This attribute indicates whether the value of the control can be automatically completed by the browser.
This attribute indicates whether the value of the control can be automatically completed by the browser. This attribute is ignored if the value of the type attribute is hidden, checkbox, radio, file, or a button type (button, submit, reset, image).
Possible values are "off" and "on"
MDN
This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control.
This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the autofocus attribute, which is a Boolean. It cannot be applied if the type attribute is set to hidden (that is, you cannot automatically set focus to a hidden control).
MDN
A Boolean attribute; if specified, the video automatically begins to play back as soon as it can do so without stopping to finish loading the data.
A Boolean attribute; if specified, the video automatically begins to play back as soon as it can do so without stopping to finish loading the data.
MDN
The blur event is raised when an element loses focus.
The blur event is raised when an element loses focus.
MDN
An attribute you can read to determine the time ranges of the buffered media.
An attribute you can read to determine the time ranges of the buffered media. This attribute contains a TimeRanges object.
MDN
Script to be run when a file is ready to start playing (when it has buffered enough to begin).
Script to be run when a file is ready to start playing (when it has buffered enough to begin).
Script to be run when a file can be played all the way to the end without pausing for buffering.
Script to be run when a file can be played all the way to the end without pausing for buffering.
The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.
The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.
MDN
Declares the character encoding of the page or script.
Declares the character encoding of the page or script. Used on meta and script elements.
MDN
When the value of the type attribute is radio or checkbox, the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.
When the value of the type attribute is radio or checkbox, the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.
MDN
A special attribute that takes a stream of single child nodes.
A special attribute that takes a stream of single child nodes.
A special attribute that takes a stream of lists of child nodes.
A special attribute that takes a stream of lists of child nodes.
This attribute is a space-separated list of the classes of the element.
This attribute is a space-separated list of the classes of the element. Classes allows CSS and Javascript to select and access specific elements via the class selectors or functions like the DOM method document.getElementsByClassName. You can use cls as an alias for this attribute so you don't have to backtick-escape this attribute.
MDN
Shorthand for the class
attribute.
Shorthand for the class
attribute.
The click event is raised when the user clicks on an element.
The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.
MDN
Shorthand for the class
attribute.
Shorthand for the class
attribute.
The visible width of the text control, in average character widths.
The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20 (HTML5).
MDN
This attribute contains a non-negative integer value that indicates for how many columns the cell extends.
This attribute contains a non-negative integer value that indicates for
how many columns the cell extends. Its default value is 1; if its value
is set to 0, it extends until the end of the <colgroup>
, even if implicitly
defined, that the cell belongs to. Values higher than 1000 will be considered
as incorrect and will be set to the default value (1).
MDN
This attribute gives the value associated with the http-equiv or name attribute, depending of the context.
This attribute gives the value associated with the http-equiv or name attribute, depending of the context.
MDN
Specifies whether the content of an element is editable or not.
Specifies whether the content of an element is editable or not.
Script to be run when a context menu is triggered
Script to be run when a context menu is triggered
If this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
If this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
MDN
A set of values specifying the coordinates of the hot-spot region.
A set of values specifying the coordinates of the hot-spot region. The number and meaning of the values depend upon the value specified for the shape attribute. For a rect or rectangle shape, the coords value is two x,y pairs: left, top, right, and bottom. For a circle shape, the value is x,y,r where x,y is a pair specifying the center of the circle and r is a value for the radius. For a poly or polygon shape, the value is a set of x,y pairs for each point in the polygon: x1,y1,x2,y2,x3,y3, and so on. In HTML4, the values are numbers of pixels or percentages, if a percent sign (%) is appended; in HTML5, the values are numbers of CSS pixels.
MDN
Fires when the user copies the content of an element.
Fires when the user copies the content of an element.
This enumerated attribute indicates whether to use CORS to fetch the related image.
This enumerated attribute indicates whether to use CORS to fetch the
related image. CORS-enabled resources can be reused in the <canvas>
element without being tainted. The allowed values are:
anonymous: Sends a cross-origin request without a credential. In other words, it sends the Origin: HTTP header without a cookie, X.509 certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (by not setting the Access-Control-Allow-Origin: HTTP header), the image will be tainted, and its usage restricted.
use-credentials: Sends a cross-origin request with a credential. In other words, it sends the Origin: HTTP header with a cookie, a certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (through Access-Control-Allow-Credentials: HTTP header), the image will be tainted and its usage restricted.
When not present, the resource is fetched without a CORS request (i.e.
without sending the Origin: HTTP header), preventing its non-tainted used
in <canvas>
elements. If invalid, it is handled as if the enumerated
keyword anonymous was used. See CORS settings attributes for additional
information.
MDN
Script to be run when the cue changes in a <track>
element.
Script to be run when the cue changes in a <track>
element.
Fires when the user cuts the content of an element.
Fires when the user cuts the content of an element.
This class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts.
This class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts. All such custom data are available via the HTMLElement interface of the element the attribute is set on. The HTMLElement.dataset property gives access to them.
The *
in data-*
may be replaced by any name following the production
rule of xml names with the following restrictions:
the name must not start with xml, whatever case is used for these letters; the name must not contain any semicolon (U+003A); the name must not contain capital A to Z letters.
Note that the HTMLElement.dataset attribute is a StringMap and the name of the custom data attribute data-test-value will be accessible via HTMLElement.dataset.testValue as any dash (U+002D) is replaced by the capitalization of the next letter (camelCase).
MDN
This attribute indicates the time and date of the element and must be a valid date with an optional time string.
This attribute indicates the time and date of the element and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated time stamp.
MDN
The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.
The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.
MDN
This attribute indicates that the track should be enabled unless the user's preferences indicate that another track is more appropriate.
This attribute indicates that the track should be enabled unless the user's preferences indicate that another track is more appropriate. This may only be used on one track element per media element.
MDN
Lifecycle hook for component destruction.
Lifecycle hook for component destruction.
Specifies the text direction for the content in an element.
Specifies the text direction for the content in an element. The valid values are:
ltr
: Default. Left-to-right text direction
rtl
: Right-to-left text direction
auto
: Let the browser figure out the text direction, based on the
content, (only recommended if the text direction is unknown)
This Boolean attribute indicates that the form control is not available for interaction.
This Boolean attribute indicates that the form control is not available for interaction. In particular, the click event will not be dispatched on disabled controls. Also, a disabled control's value isn't submitted with the form.
This attribute is ignored if the value of the type attribute is hidden.
MDN
This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file.
This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want). There are no restrictions on allowed values, though / and \ are converted to underscores. Most file systems limit some punctuation in file names, and browsers will adjust the suggested name accordingly.
MDN HTML5
Script to be run when an element is dragged.
Script to be run when an element is dragged.
Script to be run at the end of a drag operation.
Script to be run at the end of a drag operation.
Script to be run when an element has been dragged to a valid drop target.
Script to be run when an element has been dragged to a valid drop target.
A Boolean attribute that specifies whether an element is draggable or not.
A Boolean attribute that specifies whether an element is draggable or not.
Script to be run when an element leaves a valid drop target.
Script to be run when an element leaves a valid drop target.
Script to be run when an element is being dragged over a valid drop target.
Script to be run when an element is being dragged over a valid drop target.
Script to be run at the start of a drag operation.
Script to be run at the start of a drag operation.
Script to be run when dragged element is being dropped.
Script to be run when dragged element is being dropped.
Specifies whether the dragged data is copied, moved, or linked, when dropped.
Specifies whether the dragged data is copied, moved, or linked, when dropped.
Script to be run when the length of the media changes.
Script to be run when the length of the media changes.
Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects).
Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects).
The enctype
attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST").
The enctype
attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST").
Script to be run when the media has reach the end (a useful event for messages like "thanks for listening").
Script to be run when the media has reach the end (a useful event for messages like "thanks for listening").
Script to be run when an error occurs when the file is being loaded.
Script to be run when an error occurs when the file is being loaded.
The focus event is raised when the user sets focus on the given element.
The focus event is raised when the user sets focus on the given element.
MDN
Describes elements which belongs to this one.
Describes elements which belongs to this one. Used on labels and output elements.
MDN
Shorthand for the for
attribute.
Shorthand for the for
attribute.
The form attribute specifies one or more forms an <input>
element
belongs to.
The form attribute specifies one or more forms an <input>
element
belongs to.
The formaction
attribute provides the URL that will process the input control
when the form is submitted and overrides the default action
attribute of the
form
element.
The formaction
attribute provides the URL that will process the input control
when the form is submitted and overrides the default action
attribute of the
form
element. This should be used only with input
elements of type
submit or image.
The formenctype
attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST") and overrides the default
enctype
attribute of the form
element.
The formenctype
attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST") and overrides the default
enctype
attribute of the form
element. This should be used only with the
input
elements of type
"submit" or "image"
The formmethod
attribute specifies the HTTP Method the form should use when
it is submitted and overrides the default method
attribute of the form
element.
The formmethod
attribute specifies the HTTP Method the form should use when
it is submitted and overrides the default method
attribute of the form
element. This should be used only with the input
elements of type
"submit"
or "image".
The formnovalidate
Boolean attribute specifies that the input of the form
should not be validated upon submit and overrides the default novalidate
attribute of the form
.
The formnovalidate
Boolean attribute specifies that the input of the form
should not be validated upon submit and overrides the default novalidate
attribute of the form
. This should only be used with input
elements of
of type
"submit".
The formtarget
provides a name or keyword that indicates where to display
the response that is received after submitting the form and overrides the
target
attribute of them form
element.
The formtarget
provides a name or keyword that indicates where to display
the response that is received after submitting the form and overrides the
target
attribute of them form
element. This should only be used with
the input
elements of type
"submit" or "image"
This attribute contains a list of space-separated strings, each
corresponding to the id attributes of <th>
elements that relate to
this element.
This attribute contains a list of space-separated strings, each
corresponding to the id attributes of <th>
elements that relate to
this element.
MDN
The height
attribute specifies the height of an input
element of
type
"image".
The height
attribute specifies the height of an input
element of
type
"image".
Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.
Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.
For use in <meter> tags.
For use in <meter> tags.
https://css-tricks.com/html5-meter-element/
This is the single required attribute for anchors defining a hypertext source link.
This is the single required attribute for anchors defining a hypertext source link. It indicates the link target, either a URL or a URL fragment. A URL fragment is a name preceded by a hash mark (#), which specifies an internal target location (an ID) within the current document. URLs are not restricted to Web (HTTP)-based documents. URLs might use any protocol supported by the browser. For example, file, ftp, and mailto work in most user agents.
MDN
This enumerated attribute defines the pragma that can alter servers and user-agents behavior.
This enumerated attribute defines the pragma that can alter servers and user-agents behavior. The value of the pragma is defined using the content attribute and can be one of the following:
content-language content-type default-style refresh set-cookie
MDN
Image URL, used to provide a picture to represent the command represented
by a <menuitem>
.
Image URL, used to provide a picture to represent the command represented
by a <menuitem>
.
MDN
This attribute defines a unique identifier (ID) which must be unique in the whole document.
This attribute defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).
MDN
The input event is fired when an element gets user input.
The input event is fired when an element gets user input.
The input event is fired when an element gets user input.
The input event is fired when an element gets user input.
The input event is fired when an element gets user input.
The input event is fired when an element gets user input.
The input event is fired when an element gets user input.
The input event is fired when an element gets user input.
The type of control to display.
The type of control to display. The default type is text, if this attribute is not specified.
Lifecycle hook for component insertion.
Lifecycle hook for component insertion.
Contains inline metadata, a base64-encoded cryptographic hash of a resource (file) you’re telling the browser to fetch, that a user agent can use to verify that a fetched resource has been delivered free of unexpected manipulation.
Contains inline metadata, a base64-encoded cryptographic hash of a resource (file) you’re telling the browser to fetch, that a user agent can use to verify that a fetched resource has been delivered free of unexpected manipulation.
https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity MDN
This event is fired when an element becomes invalid.
This event is fired when an element becomes invalid.
This Boolean attribute indicates that the image is part of a server-side map.
This Boolean attribute indicates that the image is part of a server-side map. If so, the precise coordinates of a click are sent to the server.
Note: This attribute is allowed only if the <img>
element is a descendant
of an <a>
element with a valid href attribute.
MDN
The itemid global attribute is the unique, global identifier of an item.
The itemid global attribute is the unique, global identifier of an item. itemid attributes can only be specified on elements that have both itemscope and itemtype attributes. Also, the itemid can only be specified on elements with an itemscope attribute whose corresponding itemtype refers to or defines a vocabulary that supports global identifiers.
MDN
The itemprop global attribute is used to add properties to an item.
The itemprop global attribute is used to add properties to an item.
Every HTML element can have an itemprop attribute specified, and an
itemprop consists of a name-value pair. Each name-value pair is called a
property, and a group of one or more properties forms an item. Property
values are either a string or a URL and can be associated with a very wide
range of elements including <audio>
, <embed>
,
<iframe>
, <img>
, <link>
, <object>
,
<source>
, <track>
, and <video>
.
MDN
The global attribute itemref Properties that are not descendants of an element with the itemscope attribute can be associated with the item using an itemref.
The global attribute itemref Properties that are not descendants of an element with the itemscope attribute can be associated with the item using an itemref. itemref provides a list of element id's (not itemids) with additional properties elsewhere in the document. The itemref attribute can only be specified on elements that have an itemscope attribute specified.
MDN
The global attribute itemscope (usually) works along with itemtype to specify that the HTML contained in a block is about a particular item.
The global attribute itemscope (usually) works along with itemtype to specify that the HTML contained in a block is about a particular item. itemscope creates the Item and defines the scope of the itemtype associated with it. itemtype is a valid URL of a vocabulary (such as schema.org) that describes the item and its properties context. In the examples below the vocabulary used is from schema.org. Every HTML element may have an itemscope attribute specified. An itemscope element that doesn't have an associated itemtype has an itemref.
MDN
The global attribute itemtype specifies the URL of the vocabulary that will be used to define itemprop's (item properties) in the data structure.
The global attribute itemtype specifies the URL of the vocabulary that will be used to define itemprop's (item properties) in the data structure. itemscope is used to set the scope of where in the data structure the vocabulary set by itemtype will be active.
MDN
The keydown event is raised when the user presses a keyboard key.
The keydown event is raised when the user presses a keyboard key.
MDN
The keypress event should be raised when the user presses a key on the keyboard.
The keypress event should be raised when the user presses a key on the keyboard. However, not all browsers fire keypress events for certain keys.
Webkit-based browsers (Google Chrome and Safari, for example) do not fire keypress events on the arrow keys. Firefox does not fire keypress events on modifier keys like SHIFT.
MDN
The keyup event is raised when the user releases a key that's been pressed.
The keyup event is raised when the user releases a key that's been pressed.
MDN
How the text track is meant to be used.
How the text track is meant to be used. If omitted the default kind is subtitles. If the attribute is not present, it will use the subtitles. If the attribute contains an invalid value, it will use metadata. (Versions of Chrome earlier than 52 treated an invalid value as subtitles.)
The following keywords are allowed:
subtitles: Subtitles provide translation of content that cannot be understood by the viewer. For example dialogue or text that is not English in an English language film. Subtitles may contain additional content, usually extra background information. For example the text at the beginning of the Star Wars films, or the date, time, and location of a scene.
captions: Closed captions provide a transcription and possibly a translation of audio. It may include important non-verbal information such as music cues or sound effects. It may indicate the cue's source (e.g. music, text, character). Suitable for users who are deaf or when the sound is muted.
descriptions: Textual description of the video content. Suitable for users who are blind or where the video cannot be seen.
chapters: Chapter titles are intended to be used when the user is navigating the media resource.
metadata: Tracks used by scripts. Not visible to the user.
A user-readable title of the text track which is used by the browser when listing available text tracks.
A user-readable title of the text track which is used by the browser when listing available text tracks.
MDN
This attribute participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in.
This attribute participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the Tags for Identifying Languages (BCP47) IETF document. If the tag content is the empty string the language is set to unknown; if the tag content is not valid, regarding to BCP47, it is set to invalid.
MDN
The list attribute refers to a <datalist>
element that contains
the options for an input element the presents a select list.
The list attribute refers to a <datalist>
element that contains
the options for an input element the presents a select list.
Script to be run when media data is loaded.
Script to be run when media data is loaded.
Script to be run when meta data (like dimensions and duration) are loaded.
Script to be run when meta data (like dimensions and duration) are loaded.
Script to be run just as the file begins to load before anything is actually loaded.
Script to be run just as the file begins to load before anything is actually loaded.
A Boolean attribute; if specified, we will, upon reaching the end of the video, automatically seek back to the start.
A Boolean attribute; if specified, we will, upon reaching the end of the video, automatically seek back to the start.
MDN
For use in <meter> tags.
For use in <meter> tags.
https://css-tricks.com/html5-meter-element/
The max attribute specifies the maximum value for an <input>
element of type number, range, date, datetime, datetime-local, month,
time, or week.
The max attribute specifies the maximum value for an <input>
element of type number, range, date, datetime, datetime-local, month,
time, or week.
The maximum allowed length for the input field.
The maximum allowed length for the input field. This attribute forces the input control to accept no more than the allowed number of characters. It does not produce any feedback to the user; you must write Javascript to make that happen.
This attribute specifies the media which the linked resource applies to.
This attribute specifies the media which the linked resource applies to. Its value must be a media query. This attribute is mainly useful when linking to external stylesheets by allowing the user agent to pick the best adapted one for the device it runs on.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-media
The HTTP method that the browser uses to submit the form.
The HTTP method that the browser uses to submit the form. Possible values are:
post: Corresponds to the HTTP POST method ; form data are included in the body of the form and sent to the server.
get: Corresponds to the HTTP GET method; form data are appended to the action attribute URI with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.
This value can be overridden by a formmethod attribute on a button or input element.
MDN
The min attribute specifies the minimum value for an <input>
element of type number, range, date, datetime, datetime-local, month, time, or week.
The min attribute specifies the minimum value for an <input>
element of type number, range, date, datetime, datetime-local, month, time, or week.
The minimum allowed length for the input field.
The minimum allowed length for the input field. This attribute forces the input control to accept no less than the allowed number of characters. It does not produce any feedback to the user; you must write Javascript to make that happen.
The mousedown event is raised when the user presses the mouse button.
The mousedown event is raised when the user presses the mouse button.
MDN
The mouseenter event is fired when a pointing device (usually a mouse) is moved over the element that has the listener attached.
The mouseenter event is fired when a pointing device (usually a mouse) is moved over the element that has the listener attached.
MDN
The mouseleave event is fired when a pointing device (usually a mouse) is moved off the element that has the listener attached.
The mouseleave event is fired when a pointing device (usually a mouse) is moved off the element that has the listener attached.
MDN
The mousemove event is raised when the user moves the mouse.
The mousemove event is raised when the user moves the mouse.
MDN
The mouseout event is fired when a pointing device (usually a mouse) is moved off the element that has the listener attached or off one of its children.
The mouseout event is fired when a pointing device (usually a mouse) is moved off the element that has the listener attached or off one of its children. Note that it is also triggered on the parent when you move onto a child element, since you move out of the visible space of the parent.
MDN
The mouseover event is raised when the user moves the mouse over a particular element.
The mouseover event is raised when the user moves the mouse over a particular element.
MDN
The mouseup event is raised when the user releases the mouse button.
The mouseup event is raised when the user releases the mouse button.
MDN
This Boolean attribute specifies, when present/true, that the user is
allowed to enter more than one value for the <input>
element for
types "email" or "file".
This Boolean attribute specifies, when present/true, that the user is
allowed to enter more than one value for the <input>
element for
types "email" or "file". It can also be provided to the <select>
element to allow selecting more than one option.
A Boolean attribute which indicates the default setting of the audio contained in the video.
A Boolean attribute which indicates the default setting of the audio contained in the video. If set, the audio will be initially silenced. Its default value is false, meaning that the audio will be played when the video is played.
MDN
On form elements (input etc.): Name of the element.
On form elements (input etc.): Name of the element. For example used by the server to identify the fields in form submits.
On the meta tag: This attribute defines the name of a document-level metadata. This document-level metadata name is associated with a value, contained by the content attribute.
MDN
This Boolean attribute indicates that the form is not to be validated when submitted.
This Boolean attribute indicates that the form is not to be validated when submitted. If this attribute is not specified (and therefore the form is validated), this default setting can be overridden by a formnovalidate attribute on a
Firefox 3 introduces two new events: "online" and "offline".
Firefox 3 introduces two new events: "online" and "offline". These two
events are fired on the <body>
of each page when the browser switches
between online and offline mode. Additionally, the events bubble up from
document.body, to document, ending at window. Both events are
non-cancellable (you can't prevent the user from coming online, or going
offline).
MDN
Firefox 3 introduces two new events: "online" and "offline".
Firefox 3 introduces two new events: "online" and "offline". These two
events are fired on the <body>
of each page when the browser switches
between online and offline mode. Additionally, the events bubble up from
document.body, to document, ending at window. Both events are
non-cancellable (you can't prevent the user from coming online, or going
offline).
MDN
This Boolean attribute indicates whether the details will be shown to the user on page load.
This Boolean attribute indicates whether the details will be shown to the user on page load. Default is false and so details will be hidden.
MDN
For use in <meter> tags.
For use in <meter> tags.
https://css-tricks.com/html5-meter-element/
Fires when the user pastes some content in an element.
Fires when the user pastes some content in an element.
Specifies a regular expression to validate the input.
Specifies a regular expression to validate the input. The pattern attribute
works with the following input types: text, search, url, tel, email, and
password. Use the title
attribute to describe the pattern to the user.
Script to be run when the media is paused either by the user or programmatically.
Script to be run when the media is paused either by the user or programmatically.
A hint to the user of what can be entered in the control.
A hint to the user of what can be entered in the control. The placeholder text must not contain carriage returns or line-feeds. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored.
MDN
Script to be run when the media is ready to start playing.
Script to be run when the media is ready to start playing.
Script to be run when the media actually has started playing.
Script to be run when the media actually has started playing.
The pointerlockchange event is fired when the pointer is locked/unlocked.
The pointerlockchange event is fired when the pointer is locked/unlocked.
MDN
The pointerlockerror event is fired when locking the pointer failed (for technical reasons or because the permission was denied).
The pointerlockerror event is fired when locking the pointer failed (for technical reasons or because the permission was denied).
MDN
A URL indicating a poster frame to show until the user plays or seeks.
A URL indicating a poster frame to show until the user plays or seeks. If this attribute isn't specified, nothing is displayed until the first frame is available; then the first frame is shown as the poster frame.
MDN
This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience.
This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values:
none: indicates that the video should not be preloaded.
metadata: indicates that only video metadata (e.g. length) is fetched.
auto: indicates that the whole video file could be downloaded, even if the user is not expected to use it.
the empty string: synonym of the auto value.
If not set, its default value is browser-defined (i.e. each browser may have its default value). The spec advises it to be set to metadata.
MDN
Script to be run when the browser is in the process of getting the media data.
Script to be run when the browser is in the process of getting the media data.
This attribute specifies the name of a group of commands to be toggled as radio buttons when selected.
This attribute specifies the name of a group of commands to be toggled as radio buttons when selected. May only be used where the type attribute is radio.
MDN
Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode).
Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode).
This Boolean attribute indicates that the user cannot modify the value of the control.
This Boolean attribute indicates that the user cannot modify the value of the control. This attribute is ignored if the value of the type attribute is hidden, range, color, checkbox, radio, file, or a button type.
MDN
This attribute names a relationship of the linked document to the current document.
This attribute names a relationship of the linked document to the current document. The attribute must be a space-separated list of the link types values. The most common use of this attribute is to specify a link to an external style sheet: the rel attribute is set to stylesheet, and the href attribute is set to the URL of an external style sheet to format the page.
MDN
This attribute specifies that the user must fill in a value before submitting a form.
This attribute specifies that the user must fill in a value before submitting a form. It cannot be used when the type attribute is hidden, image, or a button type (submit, reset, or button). The :optional and :required CSS pseudo-classes will be applied to the field as appropriate.
MDN
The reset event is fired when a form is reset.
The reset event is fired when a form is reset.
MDN
The resize event is fired when the document view has been resized.
The resize event is fired when the document view has been resized.
This Boolean attribute specifies that the items of the list are specified in reversed order.
This Boolean attribute specifies that the items of the list are specified in reversed order.
MDN HTML5
The attribute describes the role(s) the current element plays in the context of the document.
The attribute describes the role(s) the current element plays in the context of the document. This can be used, for example, by applications and assistive technologies to determine the purpose of an element. This could allow a user to make informed decisions on which actions may be taken on an element and activate the selected action in a device independent way. It could also be used as a mechanism for annotating portions of a document in a domain specific way (e.g., a legal term taxonomy). Although the role attribute may be used to add semantics to an element, authors should use elements with inherent semantics, such as p, rather than layering semantics on semantically neutral elements, such as div role="paragraph".
See: http://www.w3.org/TR/role-attribute/#s_role_module_attributes
The number of visible text lines for the control.
The number of visible text lines for the control.
MDN
This attribute contains a non-negative integer value that indicates for how many rows the cell extends.
This attribute contains a non-negative integer value that indicates for
how many rows the cell extends. Its default value is 1; if its value is
set to 0, it extends until the end of the table section (<thead>
,
<tbody>
, <tfoot>
, even if implicitly defined, that the cell belongs to.
Values higher than 65534 are clipped down to 65534.
MDN
This enumerated attribute defines the cells that the header (defined in
the <th>
) element relates to.
This enumerated attribute defines the cells that the header (defined in
the <th>
) element relates to. It may have the following values:
row: The header relates to all cells of the row it belongs to.
col: The header relates to all cells of the column it belongs to.
rowgroup: The header belongs to a rowgroup and relates to all of its
cells. These cells can be placed to the right or the left of
the header, depending on the value of the dir attribute in the
<table>
element.
colgroup: The header belongs to a colgroup and relates to all of its cells.
auto
MDN
For use in <style> tags.
For use in <style> tags.
If this attribute is present, then the style applies only to its parent element. If absent, the style applies to the whole document.
Specifies the function to be called when the window is scrolled.
Specifies the function to be called when the window is scrolled.
MDN
Fires when the user writes something in a search field
(for <input="search">
).
Fires when the user writes something in a search field
(for <input="search">
).
Script to be run when the seeking attribute is set to false indicating that seeking has ended.
Script to be run when the seeking attribute is set to false indicating that seeking has ended.
Script to be run when the seeking attribute is set to true indicating that seeking is active.
Script to be run when the seeking attribute is set to true indicating that seeking is active.
The select event only fires when text inside a text input or textarea is selected.
The select event only fires when text inside a text input or textarea is selected. The event is fired after the text has been selected.
MDN
If present, this Boolean attribute indicates that the option is initially selected.
If present, this Boolean attribute indicates that the option is initially
selected. If the <option>
element is the descendant of a
<select>
element whose multiple attribute is not set, only one
single <option>
of this <select>
element may have the
selected
attribute.
MDN
This attribute was used to define a region for hyperlinks to create an image map.
This attribute was used to define a region for hyperlinks to create an image map. The values are circle, default, polygon, and rect. The format of the coords attribute depends on the value of shape. For circle, the value is x,y,r where x and y are the pixel coordinates for the center of the circle and r is the radius value in pixels. For rect, the coords attribute should be x,y,w,h. The x,y values define the upper-left-hand corner of the rectangle, while w and h define the width and height respectively. A value of polygon for shape requires x1,y1,x2,y2,... values for coords. Each of the x,y pairs defines a point in the polygon, with successive points being joined by straight lines and the last point joined to the first. The value default for shape requires that the entire enclosed area, typically an image, be used.
MDN HTML4 ONLY
Fires when a <menu>
element is shown as a context menu.
Fires when a <menu>
element is shown as a context menu.
The initial size of the control.
The initial size of the control. This value is in pixels unless the value of the type attribute is text or password, in which case, it is an integer number of characters. Starting in HTML5, this attribute applies only when the type attribute is set to text, search, tel, url, email, or password; otherwise it is ignored. In addition, the size must be greater than zero. If you don't specify a size, a default value of 20 is used.
MDN
This attribute defines the sizes of the icons for visual media contained in the resource.
This attribute defines the sizes of the icons for visual media contained in the resource. It must be present only if the rel contains the icon link types value. It may have the following values:
any, meaning that the icon can be scaled to any size as it is in a vectorial format, like image/svg+xml.
a white-space separated list of sizes, each in the format <width in
pixels>x<height in pixels>
or
<width in pixels>X<height in pixels>
.
Each of these sizes must be contained in the resource.
MDN
Assigns a slot in a shadow DOM shadow tree to an element: An element with
a slot attribute is assigned to the slot created by the <slot>
element
whose name attribute's value matches that slot attribute's value.
Assigns a slot in a shadow DOM shadow tree to an element: An element with
a slot attribute is assigned to the slot created by the <slot>
element
whose name attribute's value matches that slot attribute's value.
MDN
This enumerated attribute defines whether the element may be checked for spelling errors.
This enumerated attribute defines whether the element may be checked for spelling errors.
MDN
If the value of the type attribute is image, this attribute specifies a URI for the location of an image to display on the graphical submit button; otherwise it is ignored.
If the value of the type attribute is image, this attribute specifies a URI for the location of an image to display on the graphical submit button; otherwise it is ignored.
MDN
A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use.
A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use. Each string is composed of:
2. optionally, whitespace followed by one of:
a width descriptor, or a positive integer directly followed by 'w'. The width descriptor is divided by the source size given in the sizes attribute to calculate the effective pixel density.
a pixel density descriptor, which is a positive floating point number directly followed by 'x'.
If no descriptor is specified, the source is assigned the default descriptor: 1x.
It is incorrect to mix width descriptors and pixel density descriptors in the same srcset attribute. Duplicate descriptors (for instance, two sources in the same srcset which are both described with '2x') are invalid, too.
The user agent selects any one of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions.
MDN
Script to be run when the browser is unable to fetch the media data for whatever reason.
Script to be run when the browser is unable to fetch the media data for whatever reason.
This integer attribute specifies the start value for numbering the individual list items.
This integer attribute specifies the start value for numbering the
individual list items. Although the ordering type of list elements might
be Roman numerals, such as XXXI, or letters, the value of start is always
represented as a number. To start numbering elements from the letter "C",
use <ol start="3">
.
Note: This attribute was deprecated in HTML4, but reintroduced in HTML5.
MDN HTML5
The step attribute specifies the numeric intervals for an <input>
element
that should be considered legal for the input.
The step attribute specifies the numeric intervals for an <input>
element
that should be considered legal for the input. For example, if step is 2
on a number typed <input>
then the legal numbers could be -2
, 0
,
2
, 4
, 6
etc. The step attribute should be used in conjunction with
the min
and max
attributes to specify the full range and interval of
the legal values. The step attribute is applicable to <input>
elements
of the following types: number
, range
, date
, datetime
,
datetime-local
, month
, time
and week
.
This attribute contains CSS styling declarations to be applied to the element.
This attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the style element have mainly the purpose of allowing for quick styling, for example for testing purposes.
MDN
The submit event is raised when the user clicks a submit button in a form
(<input type="submit"/>
).
The submit event is raised when the user clicks a submit button in a form
(<input type="submit"/>
).
MDN
This attribute defines an alternative text that summarizes the content of the table.
This attribute defines an alternative text that summarizes the content of the table.
This deprecated API should no longer be used, but will probably still work.
MDN
Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason.
Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason.
This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.
This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:
a negative value means that the element should be focusable, but should not be reachable via sequential keyboard navigation;
0
means that the element should be focusable and reachable via sequential
keyboard navigation, but its relative order is defined by the platform
convention;
a positive value which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the tabindex. If several elements share the same tabindex, their relative order follows their relative position in the document).
An element with a 0
value, an invalid value, or no tabindex value should
be placed after elements with a positive tabindex in the sequential
keyboard navigation order.
A name or keyword indicating where to display the response that is received after submitting the form.
A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:
_self: Load the response into the same HTML 4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.
_blank: Load the response into a new unnamed HTML 4 window or HTML5 browsing context.
_parent: Load the response into the HTML 4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
_top: HTML 4: Load the response into the full, original window, canceling all other frames. HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.
iframename: The response is displayed in a named iframe.
Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media).
Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media).
This attribute contains a text representing advisory information related to the element it belongs too.
This attribute contains a text representing advisory information related to the element it belongs too. Such information can typically, but not necessarily, be presented to the user as a tooltip.
MDN
Fires when the user opens or closes the <details>
element.
Fires when the user opens or closes the <details>
element.
The touchcancel event is fired when a touch point has been disrupted in an implementation-specific manner (for example, too many touch points are created).
The touchcancel event is fired when a touch point has been disrupted in an implementation-specific manner (for example, too many touch points are created).
MDN
The touchend event is fired when a touch point is removed from the touch surface.
The touchend event is fired when a touch point is removed from the touch surface.
MDN
The touchmove event is fired when a touch point is moved along the touch surface.
The touchmove event is fired when a touch point is moved along the touch surface.
MDN
The touchstart event is fired when a touch point is placed on the touch surface.
The touchstart event is fired when a touch point is placed on the touch surface.
MDN
Shorthand for the type
attribute.
Shorthand for the type
attribute.
Specifies whether the content of an element should be translated or not.
Specifies whether the content of an element should be translated or not.
Defines the type of the element.
Defines the type of the element.
IE-specific property to prevent user selection.
IE-specific property to prevent user selection.
Lifecycle hook for component updates.
Lifecycle hook for component updates.
The partial URL (starting with '#') of an image map associated with the element.
The partial URL (starting with '#') of an image map associated with the element.
The initial value of the control.
The initial value of the control. This attribute is optional except when the value of the type attribute is radio or checkbox.
MDN
The playback volume, in the range 0.0
(silent) to 1.0
(loudest).
The playback volume, in the range 0.0
(silent) to 1.0
(loudest).
Script to be run each time the volume is changed which (includes setting the volume to "mute").
Script to be run each time the volume is changed which (includes setting the volume to "mute").
Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data).
Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data).
The wheel event is fired when a wheel button of a pointing device (usually a mouse) is rotated.
The wheel event is fired when a wheel button of a pointing device (usually a mouse) is rotated. This event replaces the non-standard deprecated mousewheel event.
MDN
For the elements listed here, this establishes the element's width:
For the elements listed here, this establishes the element's width:
canvas embed iframe img input object video
Note: For all other instances, such as <div>
, this is a legacy
attribute, in which case the CSS width property should be used instead.
MDN
Indicates how the control wraps text.
Indicates how the control wraps text. Possible values are: hard: The browser automatically inserts line breaks (CR+LF) so that each line has no more than the width of the control; the cols attribute must be specified.
soft: The browser ensures that all line breaks in the value consist of a CR+LF pair, but does not insert any additional line breaks.
off: Like soft but changes appearance to white-space: pre so line segments exceeding cols are not wrapped and area becomes horizontally scrollable.
If this attribute is not specified, soft is its default value.
MDN
The XML namespace.
The XML namespace.
(Since version 0.9.0) The HTML keygen element, that this attribute belongs to has been deprecated in the HTML spec
(Since version 0.9.0) Deprecated, use 'contenteditable' instead
(Since version 0.9.0) Deprecated, use 'contextmenu' instead
(Since version 0.9.0) Deprecated, use 'dragend' instead
(Since version 0.9.0) Deprecated, use 'dragenter' instead
(Since version 0.9.0) Deprecated, use 'dragleave' instead
(Since version 0.9.0) Deprecated, use 'dragover' instead
(Since version 0.9.0) Deprecated, use 'dragstart' instead
(Since version 0.8.0) Deprecated, use 'inputChecked' instead
(Since version 0.9.0) Deprecated, use 'ismap' instead
(Since version 0.9.0) Deprecated, use 'itemid' instead
(Since version 0.9.0) Deprecated, use 'itemprop' instead
(Since version 0.9.0) The HTML keygen element, that this attribute belongs to has been deprecated in the HTML spec
(Since version 0.9.0) Deprecated, use 'maxlength' instead
(Since version 0.9.0) Deprecated, use 'minlength' instead
(Since version 0.9.0) Deprecated, use 'pointerlockchange' instead
(Since version 0.9.0) Deprecated, use 'pointerlockerror' instead
(Since version 0.9.0) Deprecated, use 'spellcheck' instead