io

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.

Represents a hyperlink, linking to another resource.

An abbreviation or acronym; the expansion of the abbreviation can be represented in the title 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.

Only applies to FormTags.form

Defines a section containing contact information.

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.

In conjunction with map, defines an image map

Defines self-contained content that could exist independently of the rest of the content.

Defines some content loosely related to the page content. If it is removed, the remaining content still makes sense.

Represents a sound or an audio stream.

This is a nonstandard attribute used by Chrome and iOS Safari Mobile, which controls whether and how the text value should be automatically capitalized as it is entered/edited by the user.

Possible values: "none" | "sentences" | "words" | "characters"

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

Bold text.

Defines the base URL for relative URLs in the page.

Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows embedding a span of text with a different, or unknown, directionality.

Represents the directionality of its children, in order to explicitly override the Unicode bidirectional algorithm.

Represents a content that is quoted from another source.

Represents the content of an HTML document. There is only one body element in a document.

Represents a line break.

A button

Represents a bitmap area that scripts can use to render graphics like graphs, games or any visual images on the fly.

The title of a table.

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", this property determines whether it is checked or not. This is different from checked attribute, which contains the initial checked status of the element. More info: https://stackoverflow.com/a/6004028/2601788 (checked behaves similar to value)

See also: defaultChecked prop / attribute

Represents the title of a work being cited.

Represents computer code.

A single column.

A set of columns.

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

The visible width of text input or <textArea>, 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).

A command that the user can invoke.

This attribute gives the value associated with the name or httpEquiv attribute, of a <meta> element, depending on which of those attributes is defined on that element.

Indicates whether the element should be editable by the user. If so, the browser modifies its widget to allow editing.

Specifies a context menu for an element by its element id. The context menu appears when a user right-clicks on the element

A set of predefined options for other controls.

Associates to its content a machine-readable equivalent.

Represents the definition of the terms immediately listed before it.

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.

See Props.checked

Indicates whether this <option> is initially selected in an option list of a <select> element.

See Props.selected

The initial value of the control. This attribute is optional except when the value of the type attribute is radio or checkbox.

See also Props.value

Defines a remolazy val from the document.

A widget from which the user can obtain additional information or controls.

Represents a term whose definition is contained in its nearest ancestor content.

Dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.

Note: The tabindex attribute must not be used on the <dialog> 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. 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.

Represents a generic container with no special meaning.

Defines a definition list; a list of terms and their associated definitions.

Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:

• Without a value, the browser will suggest a filename/extension, generated from various sources:
• The Content-Disposition HTTP header
• The final segment in the URL path
• The media type (from the Content-Type header, the start of a data: URL, or Blob.type for a blob: URL)
• Defining a value suggests it as the filename. / and \ characters are converted to underscores (_). Filesystems may forbid other characters in filenames, so browsers will adjust the suggested name if necessary.

Specifies whether an element is draggable or not

Specifies whether the dragged data is copied, moved, or linked, when dropped Acceptable values: copy | move | link

Represents a term defined by the next dd

Represents emphasized text.

Represents a integration point for an external, often non-HTML, application or interactive content.

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

Only applies to FormTags.form

A set of fields.

Represents the legend of a figure.

Represents a figure illustrated as part of the document.

Defines the footer for a page or section. It often contains a copyright notice, some links to legal information, or addresses to give feedback.

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

Represents a form, consisting of controls, that can be submitted to a server for processing.

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"

Enumerated: "multipart/form-data" | "text/plain" | "application/x-www-form-urlencoded" (default)

The form attribute specifies an ID of the form an <input> element belongs to.

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

Enumerated: "post" | "get"

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"

Enumerated: "_blank" | "_parent" | "_top" | "_self" (default)

fired when an element receives pointer capture.

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

Represents a collection of metadata about the document, including links to, or definitions of, scripts and style sheets.

Defines the header of a page or section. It often contains a logo, the title of the Web site, and a navigational table of content.

The height attribute specifies the pixel height of the following elements: <canvas>, <embed>, <iframe>, <img>, <input type="image">, <object>, <video>

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.

Represents a thematic break between paragraphs of a section or article or any longer content.

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.

Represents the root of an HTML or XHTML document. All other elements must be descendants of this element.

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

Italicized text.

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

Represents a nested browsing context, that is an embedded HTML document.

Represents an image.

In addition to the checked and unchecked states, there is a third state a checkbox can be in: indeterminate. This is a state in which it's impossible to say whether the item is toggled on or off.

A typed data field allowing the user to input data.

The inputmode attribute hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.

Acceptable values: none | text (default value) | decimal | numeric | tel | search | email | url

Defines an addition to the document.

Represents user input, often from a keyboard, but not necessarily.

A key-pair generator control.

The caption of a single field

For optgroup elements, specifies the name of the group of options, which the browser can use when labeling the options in the user interface.

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 caption for a fieldset.

Defines an item of an list.

Used to link JavaScript and external CSS with the current HTML document.

Identifies a list of pre-defined options to suggest to the user. The value must be the id of a FormTags.dataList element in the same document. The browser displays only options that are valid values for this input element. This attribute is ignored when the type attribute's value is hidden, checkbox, radio, file, or a button type.

Indicates how the browser should load the image:

"eager": Loads the image immediately, regardless of whether or not the image is currently within the visible viewport (this is the default value).

"lazy": Defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. The intent is to avoid the network and storage bandwidth needed to handle the image until it's reasonably certain that it will be needed. This generally improves the performance of the content in most typical use cases.

Fired after pointer capture is released for a pointer.

For use in <meter> tags.

Defines the main or important content in the document. There is only one main element in the document.

In conjunction with area, defines an image map.

Represents text highlighted for reference purposes, that is for its relevance in another context.

Defines a mathematical formula.

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

A list of commands

Defines metadata that can't be defined using another HTML element.

A scalar measurement within a known range.

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.

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

If the type of the input element is text, email, search, password, tel, or url, this attribute specifies the minimum number of characters (in Unicode code points) that the user can enter. For other control types, it is ignored.

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.

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.

Represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

Defines alternative content to display when the browser doesn't support scripting.

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 <button> or <input> element belonging to the form.

Represents an external resource, which is treated as an image, an HTML sub-document, or an external resource to be processed by a plug-in.

Defines an ordered list of items.

Script to be run on abort

Script to be run after the document is printed

The animationend event is event fires when a CSS animation reaches the end of its active period.

The animationiteration event is sent when a CSS animation reaches the end of an iteration. An iteration ends when a single pass through the sequence of animation instructions is completed by executing the last animation step.

The animationstart event is sent when a CSS Animation starts to play.

The DOM beforeinput event fires when the value of an <input>, or <textarea> element is about to be modified. The event also applies to elements with contenteditable enabled, and to any element when designMode is turned on.

Script to be run before the document is printed

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

The blur event is raised when an element loses focus.

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

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 click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.

Script to be run when a context menu is triggered

Fires when the user copies the content of an element

Script to be run when the cue changes in a <track> element

Fires when the user cuts the content of an element

The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.

The DOMContentLoaded event is fired when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading. A very different event load should be used only to detect a fully-loaded page.

It is an incredibly common mistake to use load where DOMContentLoaded would be much more appropriate, so be cautious.

Script to be run when an element is dragged

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 leaves 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 when dragged element is being dropped

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

The focus event is raised when the user sets focus on the given element.

The fullscreenchange event is fired immediately after the browser switches into or out of full-screen mode.

The fullscreenerror event is fired when the browser cannot switch to full-screen mode.

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

The input event is fired for input, select, textarea, and contentEditable elements when it gets user input.

Script to be run when an element is invalid

The keydown event is raised when the user presses a keyboard key.

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.

The keyup event is raised when the user releases a key that's been pressed.

The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, <img> element, etc., which fires when the resource has loaded.

Script to be run just as the file begins to load before anything is actually 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 an object receives a message

Script to be run when an object receives a message that cannot be deserialized and therefore raises an error

The mousedown event is raised when the user presses the mouse button.

The mouseenter event is fired when a pointing device (usually a mouse) is moved over the element that has the listener attached.

Similar to mouseover, it differs in that it doesn't bubble and that it isn't sent when the pointer is moved from one of its descendants' physical space to its own physical space.

With deep hierarchies, the amount of mouseenter events sent can be quite huge and cause significant performance problems. In such cases, it is better to listen for mouseover events.

The mouseleave event is fired when the pointer of a pointing device (usually a mouse) is moved out of an element.

mouseleave and mouseout are similar but differ in that mouseleave does not bubble and mouseout does.

This means that mouseleave is fired when the pointer has exited the element and all of its descendants, whereas mouseout is fired when the pointer leaves the element or leaves one of the element's descendants (even if the pointer is still within the element).

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

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 mouseover event is raised when the user moves the mouse over a particular element.

The mouseup event is raised when the user releases the mouse button.

Script to be run when the browser starts to work offline

Script to be run when the browser starts to work online

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

Script to be run when a user navigates to a page

Fires when the user pastes some content in an element

Script to be run when the media is paused either by the user or programmatically