all

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.

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.

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.

Describes elements which belongs to this one. Used on labels and output elements.

This attribute is used to define the type of the content linked to. The value of the attribute should be a MIME type such as text/html, text/css, and so on. The common use of this attribute is to define the type of style sheet linked and the most common current value is text/css, which indicates a Cascading Style Sheet format. You can use tpe as an alias for this attribute so you don't have to backtick-escape this attribute.

If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.

Specifies a shortcut key to activate/focus an element

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.

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.

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).

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).

Declares the character encoding of the page or script. Used on meta and script elements.

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.

Shorthand for the class attribute

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).

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 , 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).

This attribute gives the value associated with the http-equiv or name attribute, depending of the context.

This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed, but before firing DOMContentLoaded

Specifies the text direction for the content in an element. The valid values are:

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.

A Boolean attribute that specifies whether an element is draggable or not

Specifies whether the dragged data is copied, moved, or linked, when dropped

The enctype attribute provides the encoding type of the form when it is submitted (for forms with a method of "POST").

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. 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. 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. 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. 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. This should only be used with the input elements of type "submit" or "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.

For use in <meter> tags.

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.

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:

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).

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.

The list attribute refers to a

For use in <meter> tags.

The max attribute specifies the maximum value for an element of type number, range, date, datetime, datetime-local, month, time, or week.

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. 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.

The HTTP method that the browser uses to submit the form. Possible values are:

The min attribute specifies the minimum value for an element of type number, range, date, datetime, datetime-local, month, time, or week.

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.

This Boolean attribute specifies, when present/true, that the user is allowed to enter more than one value for the element for types "email" or "file". It can also be provided to the element to allow selecting more than one option.

This Boolean attribute specifies, when present/true, that the user is allowed to enter more than one value for the

element for types "email" or "file". It can also be provided to the element to allow selecting more than one option.

Attributes

Inherited from:

InputAttrs

lazy val name: HtmlAttributeOf

On form elements (input etc.): Name of the element. For example used by the server to identify the fields in form submits.

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

Attributes

Inherited from:

InputAttrs

lazy val nav: HtmlElement

Attributes

Inherited from:

Tags

lazy val noframes: HtmlElement

Attributes

Inherited from:

Tags

lazy val noscript: HtmlElement

Attributes

Inherited from:

Tags

lazy val ol: HtmlElement

Attributes

Inherited from:

Tags

lazy val onabort: HtmlAttributeOf

Script to be run on abort

Script to be run on abort

Attributes

Inherited from:

MediaEventAttrs

lazy val onafterprint: HtmlAttributeOf

Script to be run after the document is printed

Script to be run after the document is printed

Attributes

Inherited from:

WindowEventAttrs

lazy val onbeforeprint: HtmlAttributeOf

Script to be run before the document is printed

Script to be run before the document is printed

Attributes

Inherited from:

WindowEventAttrs

lazy val onbeforeunload: HtmlAttributeOf

Script to be run when the document is about to be unloaded

Script to be run when the document is about to be unloaded

Attributes

Inherited from:

WindowEventAttrs

lazy val onblur: HtmlAttributeOf

The blur event is raised when an element loses focus.

The blur event is raised when an element loses focus.

MDN

Attributes

Inherited from:

FormEventAttrs

lazy val oncanplay: HtmlAttributeOf

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)

Attributes

Inherited from:

MediaEventAttrs

lazy val oncanplaythrough: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onchange: HtmlAttributeOf

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

Attributes

Inherited from:

FormEventAttrs

lazy val onclick: HtmlEventHandlerOf[MouseEvent]

The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.

The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.

MDN

Attributes

Inherited from:

MouseEventAttrs

lazy val oncontextmenu: HtmlAttributeOf

Script to be run when a context menu is triggered

Script to be run when a context menu is triggered

Attributes

Inherited from:

FormEventAttrs

lazy val oncopy: HtmlAttributeOf

Fires when the user copies the content of an element

Fires when the user copies the content of an element

Attributes

Inherited from:

ClipboardEventAttrs

lazy val oncuechange: HtmlAttributeOf

Script to be run when the cue changes in a element

Script to be run when the cue changes in a element

Attributes

Inherited from:

MediaEventAttrs

lazy val oncut: HtmlAttributeOf

Fires when the user cuts the content of an element

Fires when the user cuts the content of an element

Attributes

Inherited from:

ClipboardEventAttrs

lazy val ondblclick: HtmlEventHandlerOf[MouseEvent]

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

Attributes

Inherited from:

MouseEventAttrs

val ondrag: HtmlEventHandlerOf[MouseEvent]

Script to be run when an element is dragged

Script to be run when an element is dragged

Attributes

Inherited from:

MouseEventAttrs

lazy val ondragend: HtmlEventHandlerOf[MouseEvent]

Script to be run at the end of a drag operation

Script to be run at the end of a drag operation

Attributes

Inherited from:

MouseEventAttrs

lazy val ondragenter: HtmlEventHandlerOf[MouseEvent]

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

Attributes

Inherited from:

MouseEventAttrs

lazy val ondragleave: HtmlEventHandlerOf[MouseEvent]

Script to be run when an element leaves a valid drop target

Script to be run when an element leaves a valid drop target

Attributes

Inherited from:

MouseEventAttrs

lazy val ondragover: HtmlEventHandlerOf[MouseEvent]

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

Attributes

Inherited from:

MouseEventAttrs

lazy val ondragstart: HtmlEventHandlerOf[MouseEvent]

Script to be run at the start of a drag operation

Script to be run at the start of a drag operation

Attributes

Inherited from:

MouseEventAttrs

lazy val ondrop: HtmlEventHandlerOf[MouseEvent]

Script to be run when dragged element is being dropped

Script to be run when dragged element is being dropped

Attributes

Inherited from:

MouseEventAttrs

lazy val ondurationchange: HtmlAttributeOf

Script to be run when the length of the media changes

Script to be run when the length of the media changes

Attributes

Inherited from:

MediaEventAttrs

lazy val onemptied: HtmlAttributeOf

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)

Attributes

Inherited from:

MediaEventAttrs

lazy val onended: HtmlAttributeOf

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")

Attributes

Inherited from:

MediaEventAttrs

lazy val onerror: HtmlAttributeOf

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

Attributes

Inherited from:

SharedEventAttrs

lazy val onfocus: HtmlAttributeOf

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

Attributes

Inherited from:

FormEventAttrs

lazy val onhashchange: HtmlAttributeOf

Script to be run when there has been changes to the anchor part of the a URL

Script to be run when there has been changes to the anchor part of the a URL

Attributes

Inherited from:

WindowEventAttrs

lazy val oninput: HtmlAttributeOf

Script to be run when an element gets user input

Script to be run when an element gets user input

Attributes

Inherited from:

FormEventAttrs

lazy val oninvalid: HtmlAttributeOf

Script to be run when an element is invalid

Script to be run when an element is invalid

Attributes

Inherited from:

FormEventAttrs

lazy val onkeydown: HtmlAttributeOf

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

Attributes

Inherited from:

KeyboardEventAttrs

lazy val onkeypress: HtmlAttributeOf

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.

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

Attributes

Inherited from:

KeyboardEventAttrs

lazy val onkeyup: HtmlAttributeOf

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

Attributes

Inherited from:

KeyboardEventAttrs

lazy val onload: HtmlAttributeOf

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.

MDN

Attributes

Inherited from:

WindowEventAttrs

lazy val onloadeddata: HtmlAttributeOf

Script to be run when media data is loaded

Script to be run when media data is loaded

Attributes

Inherited from:

MediaEventAttrs

lazy val onloadedmetadata: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onloadstart: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onmessage: HtmlAttributeOf

Script to be run when the message is triggered

Script to be run when the message is triggered

Attributes

Inherited from:

WindowEventAttrs

lazy val onmousedown: HtmlEventHandlerOf[MouseEvent]

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

Attributes

Inherited from:

MouseEventAttrs

lazy val onmousemove: HtmlEventHandlerOf[MouseEvent]

The mousemove event is raised when the user moves the mouse.

The mousemove event is raised when the user moves the mouse.

MDN

Attributes

Inherited from:

MouseEventAttrs

lazy val onmouseout: HtmlEventHandlerOf[MouseEvent]

The mouseout event is raised when the mouse leaves an element (e.g, when the mouse moves off of an image in the web page, the mouseout event is raised for that image element).

The mouseout event is raised when the mouse leaves an element (e.g, when the mouse moves off of an image in the web page, the mouseout event is raised for that image element).

MDN

Attributes

Inherited from:

MouseEventAttrs

lazy val onmouseover: HtmlEventHandlerOf[MouseEvent]

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

Attributes

Inherited from:

MouseEventAttrs

lazy val onmouseup: HtmlEventHandlerOf[MouseEvent]

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

Attributes

Inherited from:

MouseEventAttrs

lazy val onoffline: HtmlAttributeOf

Script to be run when the browser starts to work offline

Script to be run when the browser starts to work offline

Attributes

Inherited from:

WindowEventAttrs

lazy val ononline: HtmlAttributeOf

Script to be run when the browser starts to work online

Script to be run when the browser starts to work online

Attributes

Inherited from:

WindowEventAttrs

lazy val onpagehide: HtmlAttributeOf

Script to be run when a user navigates away from a page

Script to be run when a user navigates away from a page

Attributes

Inherited from:

WindowEventAttrs

lazy val onpageshow: HtmlAttributeOf

Script to be run when a user navigates to a page

Script to be run when a user navigates to a page

Attributes

Inherited from:

WindowEventAttrs

lazy val onpaste: HtmlAttributeOf

Fires when the user pastes some content in an element

Fires when the user pastes some content in an element

Attributes

Inherited from:

ClipboardEventAttrs

lazy val onpause: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onplay: HtmlAttributeOf

Script to be run when the media is ready to start playing

Script to be run when the media is ready to start playing

Attributes

Inherited from:

MediaEventAttrs

lazy val onplaying: HtmlAttributeOf

Script to be run when the media actually has started playing

Script to be run when the media actually has started playing

Attributes

Inherited from:

MediaEventAttrs

lazy val onpopstate: HtmlAttributeOf

Script to be run when the window's history changes

Script to be run when the window's history changes

Attributes

Inherited from:

WindowEventAttrs

lazy val onprogress: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onratechange: HtmlAttributeOf

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)

Attributes

Inherited from:

MediaEventAttrs

lazy val onreset: HtmlAttributeOf

The reset event is fired when a form is reset.

The reset event is fired when a form is reset.

MDN

Attributes

Inherited from:

FormEventAttrs

lazy val onresize: HtmlAttributeOf

Fires when the browser window is resized

Fires when the browser window is resized

Attributes

Inherited from:

WindowEventAttrs

lazy val onscroll: HtmlEventHandlerOf[UIEvent]

Specifies the function to be called when the window is scrolled.

Specifies the function to be called when the window is scrolled.

MDN

Attributes

Inherited from:

MouseEventAttrs

lazy val onsearch: HtmlAttributeOf

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">)

Attributes

Inherited from:

FormEventAttrs

lazy val onseeked: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onseeking: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onselect: HtmlAttributeOf

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.

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

Attributes

Inherited from:

FormEventAttrs

lazy val onshow: HtmlAttributeOf

Fires when a

element is shown as a context menu

Fires when a

element is shown as a context menu

Attributes

Inherited from:

MiscellaneousEventAttrs

lazy val onstalled: HtmlAttributeOf

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

Attributes

Inherited from:

MediaEventAttrs

lazy val onstorage: HtmlAttributeOf

Script to be run when a Web Storage area is updated

Script to be run when a Web Storage area is updated

Attributes

Inherited from:

WindowEventAttrs

lazy val onsubmit: HtmlAttributeOf

The submit event is raised when the user clicks a submit button in a form (

).

Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason

Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)

Fires when the user opens or closes the

Fires once a page has unloaded (or the browser window has been closed)

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)

Fires when the mouse wheel rolls up or down over an element

For use in <meter> tags.

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.

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.

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.

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.

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.

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".

The number of visible text lines for the control.

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 (, ,

For use in <style> tags.

Indicates a selected option in an option list of a element.

Indicates a selected option in an option list of a

element.