all

Extends numbers to provide a bunch of useful methods, allowing you to write CSS-lengths in a nice syntax without resorting to strings.

Allows you to modify a ConcreteHtmlTag by adding a Seq containing other nest-able objects to its list of children.

The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis. This property has no effect on single line flexible boxes.

The CSS align-items property aligns flex items of the current flex line the same way as justify-content but in the perpendicular direction.

The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the flex item's cross-axis margin is set to auto, then align-self is ignored.

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.

If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.

The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.

The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.

The border-collapse CSS property selects a table's border model. This has a big influence on the look and style of the table cells.

The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model). This is equivalent to the cellspacing attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.

The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.

The caption-side CSS property positions the content of a table's caption on the specified side.

The clear CSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them.

The clip CSS property defines what portion of an element is visible. The clip property applies only to elements with position:absolute.

The CSS color property sets the foreground color of an element's text content, and its decorations. It doesn't affect any other characteristic of the element; it should really be called text-color and would have been named so, save for historical reasons and its appearance in CSS Level 1.

The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over 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. 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.

Set the direction CSS property to match the direction of the text: rtl for Hebrew or Arabic text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.

The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is inline.

he empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.

The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

The CSS flex-wrap property specifies whether the children are forced into a single line or if the items can be flowed on multiple lines.

The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it. A floating element is one where the computed value of float is not none.

The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font. Setting the font size may, in turn, change the size of other items, since it is used to compute the value of em and ex Length units.

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

The font-weight CSS property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on normal and bold.

The CSS justify-content property defines how a browser distributes available space between and around elements when aligning flex items in the main-axis of the current line. The alignment is done after the lengths and auto margins are applied, meaning that, if there is at least one flexible element, with flex-grow different than 0, it will have no effect as there won't be any available space.

The list-style-image CSS property sets the image that will be used as the list item marker. It is often more convenient to use the shorthand list-style.

The list-style-position CSS property specifies the position of the marker box in the principal block box. It is often more convenient to use the shortcut list-style.

The list-style-type CSS property specifies appearance of a list item element. As it is the only one who defaults to display:list-item, this is usually a li element, but can be any element with this display value.

The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.

If the value is a URI value, the element pointed to by the URI is used as an SVG mask.

The outline-color CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

The outline-width CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

The overflow CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.

The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.

The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, or display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string.

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.

The white-space CSS property is used to to describe how whitespace inside the element is handled.

Constructs an Attr attribute object from a string; can be used inline:

Constructs a CSS Style from a string, can be used inline

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 allows the elimination of parser-blocking JavaScript where the browser would have to load and evaluate scripts before continuing to parse. defer has a similar effect in this case.

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

The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.

The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.

The CSS background-image property sets one or several background images for an element. The images are drawn on successive stacking context layers, with the first specified being drawn as if it is the closest to the user. The borders of the element are then drawn on top of them, and the background-color is drawn beneath them.

The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.

The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.

The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.

The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.

The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.

The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-bottom-style CSS property sets the line style of the bottom border of a box.

The border-bottom-width CSS property sets the width of the bottom border of a box.

The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color

The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe the left border of elements.

The border-right-color CSS property sets the color of the right border of an element. Note that in many cases the shorthand CSS properties border-color or border-right are more convenient and preferable.

The border-left-style CSS property sets the line style of the left border of a box.

The border-left-width CSS property sets the width of the left border of a box.

The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.

The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe the right border of elements.

The border-right-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-right are more convenient and preferable.

The border-right-style CSS property sets the line style of the right border of a box.

The border-right-width CSS property sets the width of the right border of a box.

The border-style CSS property is a shorthand property for setting the line style for all four sides of the elements border.

The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe the top border of elements.

The border-top-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.

The border-top-left-radius CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-top-right-radius CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-top-style CSS property sets the line style of the top border of a box.

The border-top-width CSS property sets the width of the top border of a box.

The border-width CSS property sets the width of the border of a box. Using the shorthand property border is often more convenient.

The bottom CSS property participates in specifying the position of positioned elements.

The box-shadow CSS property describes one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element. If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple text shadows (the first specified shadow is on top).

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.

Indicates if the fetching of the resource must be done using a CORS request.

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.

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

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 flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.

The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item. The property determines the size of the content-box unless specified otherwise using box-sizing.

The CSS flex-grow property specifies the flex grow factor of a flex item.

The CSS flex-shrink property specifies the flex shrink factor of a flex item.

The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.

The font-family CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a @font-face at-rule.

The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.

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 CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.

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 specifies an expected hash for a resource.

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 left CSS property specifies part of the position of positioned elements.

The letter-spacing CSS property specifies spacing behavior between text characters.

On block level elements, the line-height CSS property specifies the minimal height of line boxes within the element.

The list attribute refers to a

The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.

For use in <meter> tags.

The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.

The margin-left CSS property of an element sets the margin space required on the left side of a box associated with an element. A negative value is also allowed.

The margin-right CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.

The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.

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

The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.

The max-width CSS property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.

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 min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.

The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.

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.

Inherited from:

InputAttrs

lazy val name: Attr

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

Inherited from:

InputAttrs

lazy val ol: TypedTag[Builder[Output, FragT], Output, FragT]

Inherited from:

Tags

lazy val onabort: Attr

Script to be run on abort

Script to be run on abort

Inherited from:

MediaEventAttrs

lazy val onafterprint: Attr

Script to be run after the document is printed

Script to be run after the document is printed

Inherited from:

WindowEventAttrs

lazy val onbeforeprint: Attr

Script to be run before the document is printed

Script to be run before the document is printed

Inherited from:

WindowEventAttrs

lazy val onbeforeunload: Attr

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

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

Inherited from:

WindowEventAttrs

lazy val onblur: Attr

The blur event is raised when an element loses focus.

The blur event is raised when an element loses focus.

MDN

Inherited from:

FormEventAttrs

lazy val oncanplay: Attr

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)

Inherited from:

MediaEventAttrs

lazy val oncanplaythrough: Attr

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

Inherited from:

MediaEventAttrs

lazy val onchange: Attr

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

Inherited from:

FormEventAttrs

lazy val onclick: Attr

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

Inherited from:

MouseEventAttrs

lazy val oncontextmenu: Attr

Script to be run when a context menu is triggered

Script to be run when a context menu is triggered

Inherited from:

FormEventAttrs

lazy val oncopy: Attr

Fires when the user copies the content of an element

Fires when the user copies the content of an element

Inherited from:

ClipboardEventAttrs

lazy val oncuechange: Attr

Script to be run when the cue changes in a element

Script to be run when the cue changes in a element

Inherited from:

MediaEventAttrs

lazy val oncut: Attr

Fires when the user cuts the content of an element

Fires when the user cuts the content of an element

Inherited from:

ClipboardEventAttrs

lazy val ondblclick: Attr

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

Inherited from:

MouseEventAttrs

val ondrag: Attr

Script to be run when an element is dragged

Script to be run when an element is dragged

Inherited from:

MouseEventAttrs

lazy val ondragend: Attr

Script to be run at the end of a drag operation

Script to be run at the end of a drag operation

Inherited from:

MouseEventAttrs

lazy val ondragenter: Attr

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

Inherited from:

MouseEventAttrs

lazy val ondragleave: Attr

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

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

Inherited from:

MouseEventAttrs

lazy val ondragover: Attr

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

Inherited from:

MouseEventAttrs

lazy val ondragstart: Attr

Script to be run at the start of a drag operation

Script to be run at the start of a drag operation

Inherited from:

MouseEventAttrs

lazy val ondrop: Attr

Script to be run when dragged element is being dropped

Script to be run when dragged element is being dropped

Inherited from:

MouseEventAttrs

lazy val ondurationchange: Attr

Script to be run when the length of the media changes

Script to be run when the length of the media changes

Inherited from:

MediaEventAttrs

lazy val onemptied: Attr

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)

Inherited from:

MediaEventAttrs

lazy val onended: Attr

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

Inherited from:

MediaEventAttrs

lazy val onerror: Attr

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

Inherited from:

SharedEventAttrs

lazy val onfocus: Attr

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

Inherited from:

FormEventAttrs

lazy val onhashchange: Attr

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

Inherited from:

WindowEventAttrs

lazy val oninput: Attr

Script to be run when an element gets user input

Script to be run when an element gets user input

Inherited from:

FormEventAttrs

lazy val oninvalid: Attr

Script to be run when an element is invalid

Script to be run when an element is invalid

Inherited from:

FormEventAttrs

lazy val onkeydown: Attr

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

Inherited from:

KeyboardEventAttrs

lazy val onkeypress: Attr

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

Inherited from:

KeyboardEventAttrs

lazy val onkeyup: Attr

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

Inherited from:

KeyboardEventAttrs

lazy val onload: Attr

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

Inherited from:

WindowEventAttrs

lazy val onloadeddata: Attr

Script to be run when media data is loaded

Script to be run when media data is loaded

Inherited from:

MediaEventAttrs

lazy val onloadedmetadata: Attr

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

Inherited from:

MediaEventAttrs

lazy val onloadstart: Attr

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

Inherited from:

MediaEventAttrs

lazy val onmessage: Attr

Script to be run when the message is triggered

Script to be run when the message is triggered

Inherited from:

WindowEventAttrs

lazy val onmousedown: Attr

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

Inherited from:

MouseEventAttrs

lazy val onmousemove: Attr

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

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

MDN

Inherited from:

MouseEventAttrs

lazy val onmouseout: Attr

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

Inherited from:

MouseEventAttrs

lazy val onmouseover: Attr

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

Inherited from:

MouseEventAttrs

lazy val onmouseup: Attr

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

Inherited from:

MouseEventAttrs

lazy val onoffline: Attr

Script to be run when the browser starts to work offline

Script to be run when the browser starts to work offline

Inherited from:

WindowEventAttrs

lazy val ononline: Attr

Script to be run when the browser starts to work online

Script to be run when the browser starts to work online

Inherited from:

WindowEventAttrs

lazy val onpagehide: Attr

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

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

Inherited from:

WindowEventAttrs

lazy val onpageshow: Attr

Script to be run when a user navigates to a page

Script to be run when a user navigates to a page

Inherited from:

WindowEventAttrs

lazy val onpaste: Attr

Fires when the user pastes some content in an element

Fires when the user pastes some content in an element

Inherited from:

ClipboardEventAttrs

lazy val onpause: Attr

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

Inherited from:

MediaEventAttrs

lazy val onplay: Attr

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

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

Inherited from:

MediaEventAttrs

lazy val onplaying: Attr

Script to be run when the media actually has started playing

Script to be run when the media actually has started playing

Inherited from:

MediaEventAttrs

lazy val onpopstate: Attr

Script to be run when the window's history changes

Script to be run when the window's history changes

Inherited from:

WindowEventAttrs

lazy val onprogress: Attr

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

Inherited from:

MediaEventAttrs

lazy val onratechange: Attr

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)

Inherited from:

MediaEventAttrs

lazy val onreset: Attr

The reset event is fired when a form is reset.

The reset event is fired when a form is reset.

MDN

Inherited from:

FormEventAttrs

lazy val onresize: Attr

Fires when the browser window is resized

Fires when the browser window is resized

Inherited from:

WindowEventAttrs

lazy val onscroll: Attr

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

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

MDN

Inherited from:

MouseEventAttrs

lazy val onsearch: Attr

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

Inherited from:

FormEventAttrs

lazy val onseeked: Attr

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

Inherited from:

MediaEventAttrs

lazy val onseeking: Attr

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

Inherited from:

MediaEventAttrs

lazy val onselect: Attr

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

Inherited from:

FormEventAttrs

lazy val onshow: Attr

Fires when a

element is shown as a context menu

Fires when a

element is shown as a context menu

Inherited from:

MiscellaneousEventAttrs

lazy val onstalled: Attr

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

Inherited from:

MediaEventAttrs

lazy val onstorage: Attr

Script to be run when a Web Storage area is updated

Script to be run when a Web Storage area is updated

Inherited from:

WindowEventAttrs

lazy val onsubmit: Attr

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

).