HtmlAttrs

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.

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

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

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.

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

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

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.

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:

For use in <meter> tags.

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.

For use in <meter> tags.

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.

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.

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.

IE-specific property to prevent user selection

Indicates how the control wraps text. Possible values are:

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.

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.

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

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

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

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.

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

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.

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. AttributesInherited from:InputAttrslazy val name: HtmlAttributeOfOn 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 AttributesInherited from:InputAttrslazy val onabort: HtmlAttributeOfScript to be run on abort Script to be run on abort AttributesInherited from:MediaEventAttrslazy val onafterprint: HtmlAttributeOfScript to be run after the document is printed Script to be run after the document is printed AttributesInherited from:WindowEventAttrslazy val onbeforeprint: HtmlAttributeOfScript to be run before the document is printed Script to be run before the document is printed AttributesInherited from:WindowEventAttrslazy val onbeforeunload: HtmlAttributeOfScript to be run when the document is about to be unloaded Script to be run when the document is about to be unloaded AttributesInherited from:WindowEventAttrslazy val onblur: HtmlAttributeOfThe blur event is raised when an element loses focus. The blur event is raised when an element loses focus. MDN AttributesInherited from:FormEventAttrslazy val oncanplay: HtmlAttributeOfScript 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) AttributesInherited from:MediaEventAttrslazy val oncanplaythrough: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onchange: HtmlAttributeOfThe 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 AttributesInherited from:FormEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy val oncontextmenu: HtmlAttributeOfScript to be run when a context menu is triggered Script to be run when a context menu is triggered AttributesInherited from:FormEventAttrslazy val oncopy: HtmlAttributeOfFires when the user copies the content of an element Fires when the user copies the content of an element AttributesInherited from:ClipboardEventAttrslazy val oncuechange: HtmlAttributeOfScript to be run when the cue changes in a element Script to be run when the cue changes in a element AttributesInherited from:MediaEventAttrslazy val oncut: HtmlAttributeOfFires when the user cuts the content of an element Fires when the user cuts the content of an element AttributesInherited from:ClipboardEventAttrslazy 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 AttributesInherited from:MouseEventAttrsval ondrag: HtmlEventHandlerOf[MouseEvent]Script to be run when an element is dragged Script to be run when an element is dragged AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy val ondrop: HtmlEventHandlerOf[MouseEvent]Script to be run when dragged element is being dropped Script to be run when dragged element is being dropped AttributesInherited from:MouseEventAttrslazy val ondurationchange: HtmlAttributeOfScript to be run when the length of the media changes Script to be run when the length of the media changes AttributesInherited from:MediaEventAttrslazy val onemptied: HtmlAttributeOfScript 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) AttributesInherited from:MediaEventAttrslazy val onended: HtmlAttributeOfScript 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") AttributesInherited from:MediaEventAttrslazy val onerror: HtmlAttributeOfScript 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 AttributesInherited from:SharedEventAttrslazy val onfocus: HtmlAttributeOfThe 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 AttributesInherited from:FormEventAttrslazy val onhashchange: HtmlAttributeOfScript 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 AttributesInherited from:WindowEventAttrslazy val oninput: HtmlAttributeOfScript to be run when an element gets user input Script to be run when an element gets user input AttributesInherited from:FormEventAttrslazy val oninvalid: HtmlAttributeOfScript to be run when an element is invalid Script to be run when an element is invalid AttributesInherited from:FormEventAttrslazy val onkeydown: HtmlAttributeOfThe keydown event is raised when the user presses a keyboard key. The keydown event is raised when the user presses a keyboard key. MDN AttributesInherited from:KeyboardEventAttrslazy val onkeypress: HtmlAttributeOfThe 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 AttributesInherited from:KeyboardEventAttrslazy val onkeyup: HtmlAttributeOfThe 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 AttributesInherited from:KeyboardEventAttrslazy val onload: HtmlAttributeOfThe 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 AttributesInherited from:WindowEventAttrslazy val onloadeddata: HtmlAttributeOfScript to be run when media data is loaded Script to be run when media data is loaded AttributesInherited from:MediaEventAttrslazy val onloadedmetadata: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onloadstart: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onmessage: HtmlAttributeOfScript to be run when the message is triggered Script to be run when the message is triggered AttributesInherited from:WindowEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy val onoffline: HtmlAttributeOfScript to be run when the browser starts to work offline Script to be run when the browser starts to work offline AttributesInherited from:WindowEventAttrslazy val ononline: HtmlAttributeOfScript to be run when the browser starts to work online Script to be run when the browser starts to work online AttributesInherited from:WindowEventAttrslazy val onpagehide: HtmlAttributeOfScript to be run when a user navigates away from a page Script to be run when a user navigates away from a page AttributesInherited from:WindowEventAttrslazy val onpageshow: HtmlAttributeOfScript to be run when a user navigates to a page Script to be run when a user navigates to a page AttributesInherited from:WindowEventAttrslazy val onpaste: HtmlAttributeOfFires when the user pastes some content in an element Fires when the user pastes some content in an element AttributesInherited from:ClipboardEventAttrslazy val onpause: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onplay: HtmlAttributeOfScript to be run when the media is ready to start playing Script to be run when the media is ready to start playing AttributesInherited from:MediaEventAttrslazy val onplaying: HtmlAttributeOfScript to be run when the media actually has started playing Script to be run when the media actually has started playing AttributesInherited from:MediaEventAttrslazy val onpopstate: HtmlAttributeOfScript to be run when the window's history changes Script to be run when the window's history changes AttributesInherited from:WindowEventAttrslazy val onprogress: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onratechange: HtmlAttributeOfScript 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) AttributesInherited from:MediaEventAttrslazy val onreset: HtmlAttributeOfThe reset event is fired when a form is reset. The reset event is fired when a form is reset. MDN AttributesInherited from:FormEventAttrslazy val onresize: HtmlAttributeOfFires when the browser window is resized Fires when the browser window is resized AttributesInherited from:WindowEventAttrslazy 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 AttributesInherited from:MouseEventAttrslazy val onsearch: HtmlAttributeOfFires 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">) AttributesInherited from:FormEventAttrslazy val onseeked: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onseeking: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onselect: HtmlAttributeOfThe 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 AttributesInherited from:FormEventAttrslazy val onshow: HtmlAttributeOfFires when a element is shown as a context menu Fires when a element is shown as a context menu AttributesInherited from:MiscellaneousEventAttrslazy val onstalled: HtmlAttributeOfScript 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 AttributesInherited from:MediaEventAttrslazy val onstorage: HtmlAttributeOfScript to be run when a Web Storage area is updated Script to be run when a Web Storage area is updated AttributesInherited from:WindowEventAttrslazy val onsubmit: HtmlAttributeOfThe 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

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

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