InputAttrs

trait InputAttrs[Builder, Output <: FragT, FragT] extends GlobalAttrs[Builder, Output, FragT]

Attributes applicable only to the input element. This set is broken out because it may be useful to identify the attributes of the input element separately from other groupings. The attributes permitted by the input element are likely the most complex of any element in HTML5.

trait GlobalAttrs[Builder, Output, FragT]
trait Util[Builder, Output, FragT]
trait LowPriUtil[Builder, Output, FragT]
class Object
trait Matchable
class Any
trait Attrs[Builder, Output, FragT]

Type members

Inherited classlikes

class DataAttribute(sections: List[String]) extends Dynamic
Inherited from:
GlobalAttrs
implicit class SeqNode[A](xs: Seq[A])(implicit ev: A => Modifier[Builder]) extends Modifier[Builder]

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

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

Inherited from:
Util
object data extends DataAttribute

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 class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts. All such custom data are available via the HTMLElement interface of the element the attribute is set on. The HTMLElement.dataset property gives access to them.

The * may be replaced by any name following the production rule of xml names with the following restrictions:

the name must not start with xml, whatever case is used for these letters; the name must not contain any semicolon (U+003A); the name must not contain capital A to Z letters.

Note that the HTMLElement.dataset attribute is a StringMap and the name of the custom data attribute data-test-value will be accessible via HTMLElement.dataset.testValue as any dash (U+002D) is replaced by the capitalization of the next letter (camelcase).

MDN

Inherited from:
GlobalAttrs

Inherited types

type ConcreteHtmlTag[T <: Output] <: TypedTag[Builder, T, FragT]
Inherited from:
Util

Value members

Inherited methods

def attr(s: String, ns: Namespace, raw: Boolean): Attr

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

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

 div(
   attr("hello-world-special-attr") := "foo
 )

Or assigned to a name and used later

 val hello = attr("hello-world-special-attr")
 div(
   hello := "foo
 )
Inherited from:
Util
def css(s: String): Style

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

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

 div(
   css("-moz-special-style") := "foo"
 )

Or assigned to a name and used later

 val mozSpecial := css("-moz-special-style")
 div(
   mozSpecial := "foo"
 )
Inherited from:
Util
def data(suffix: String): Attr
Inherited from:
GlobalAttrs
def frag(frags: Frag[Builder, FragT]*): Frag[Builder, FragT]
Inherited from:
Util
def makeAbstractTypedTag[T <: Output](tag: String, void: Boolean, namespaceConfig: Namespace): ConcreteHtmlTag[T]
Inherited from:
Util
def modifier(mods: Modifier[Builder]*): Modifier[Builder]
Inherited from:
Util
def tag(s: String, void: Boolean): TypedTag[Builder, Output, FragT]
Inherited from:
Util

Concrete fields

lazy val `type`: Attr

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.

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.

MDN

lazy val action: Attr

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.

The URI of a program that processes the information submitted via the form. This value can be overridden by a formaction attribute on a button or input element.

MDN

lazy val autocomplete: Attr

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 attribute indicates whether the value of the control can be automatically completed by the browser. This attribute is ignored if the value of the type attribute is hidden, checkbox, radio, file, or a button type (button, submit, reset, image).

Possible values are "off" and "on"

MDN

lazy val autofocus: AttrPair[Builder, String]

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

This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the autofocus attribute, which is a Boolean. It cannot be applied if the type attribute is set to hidden (that is, you cannot automatically set focus to a hidden control).

MDN

lazy val checked: AttrPair[Builder, String]

When the value of the type attribute is radio or checkbox, the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.

When the value of the type attribute is radio or checkbox, the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.

MDN

lazy val enctype: Attr

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

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

lazy val formA: Attr

The form attribute specifies one or more forms an <input> element belongs to.

The form attribute specifies one or more forms an <input> element belongs to.

lazy val formaction: Attr

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

lazy val formenctype: Attr

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

lazy val formmethod: Attr

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

lazy val formtarget: Attr

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

lazy val heightA: Attr

The height attribute specifies the height of an input element of type "image".

The height attribute specifies the height of an input element of type "image".

lazy val list: Attr

The list attribute refers to a element that contains the options for an input element the presents a select list.

The list attribute refers to a element that contains the options for an input element the presents a select list.

lazy val max: Attr

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

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

lazy val maxlength: Attr

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

lazy val method: Attr

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

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

  • post: Corresponds to the HTTP POST method ; form data are included in the body of the form and sent to the server.

  • get: Corresponds to the HTTP GET method; form data are appended to the action attribute URI with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.

This value can be overridden by a formmethod attribute on a button or input element.

MDN

lazy val min: Attr

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

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

lazy val minlength: Attr

The minimum allowed length for the input field. This attribute forces the input control to accept no less than the allowed number of characters. It does not produce any feedback to the user; you must write Javascript to make that happen.

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

lazy val multiple: AttrPair[Builder, String]

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 for types "email" or "file". It can also be provided to the element that should be considered legal for the input. For example, if step is 2 on a number typed then the legal numbers could be -2, 0, 2, 4, 6 etc. The step attribute should be used in conjunction with the min and max attributes to specify the full range and interval of the legal values. The step attribute is applicable to elements of the following types: number, range, date, datetime, datetime-local, month, time and week.

The step attribute specifies the numeric intervals for an element that should be considered legal for the input. For example, if step is 2 on a number typed then the legal numbers could be -2, 0, 2, 4, 6 etc. The step attribute should be used in conjunction with the min and max attributes to specify the full range and interval of the legal values. The step attribute is applicable to elements of the following types: number, range, date, datetime, datetime-local, month, time and week.

lazy val target: Attr

A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:

A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:

  • _self: Load the response into the same HTML 4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.
  • _blank: Load the response into a new unnamed HTML 4 window or HTML5 browsing context.
  • _parent: Load the response into the HTML 4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
  • _top: HTML 4: Load the response into the full, original window, canceling all other frames. HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.
  • iframename: The response is displayed in a named iframe.
lazy val tpe: Attr

Shorthand for the type attribute

Shorthand for the type attribute

lazy val value: Attr

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

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

MDN

lazy val widthA: Attr

The width attribute specifies the width of an input element of type "image".

The width attribute specifies the width of an input element of type "image".

Inherited fields

lazy val `class`: Attr

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 a space-separated list of the classes of the element. Classes allows CSS and Javascript to select and access specific elements via the class selectors or functions like the DOM method document.getElementsByClassName. You can use cls as an alias for this attribute so you don't have to backtick-escape this attribute.

MDN

Inherited from:
GlobalAttrs
lazy val accesskey: Attr

Specifies a shortcut key to activate/focus an element

Specifies a shortcut key to activate/focus an element

Inherited from:
GlobalAttrs
lazy val cls: Attr

Shorthand for the class attribute

Shorthand for the class attribute

Inherited from:
GlobalAttrs
Inherited from:
GlobalAttrs
lazy val contextmenu: Attr
Inherited from:
GlobalAttrs
lazy val dir: Attr

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

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)

Inherited from:
GlobalAttrs
lazy val draggable: AttrPair[Builder, String]

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

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

Inherited from:
GlobalAttrs
lazy val dropzone: Attr

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

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

Inherited from:
GlobalAttrs
lazy val hidden: AttrPair[Builder, String]

Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.

Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.

Inherited from:
GlobalAttrs
lazy val id: Attr

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 defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

MDN

Inherited from:
GlobalAttrs
lazy val lang: Attr

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.

This attribute participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the Tags for Identifying Languages (BCP47) IETF document. If the tag content is the empty string the language is set to unknown; if the tag content is not valid, regarding to BCP47, it is set to invalid.

MDN

Inherited from:
GlobalAttrs
lazy val spellcheck: AttrPair[Builder, String]

This enumerated attribute defines whether the element may be checked for spelling errors.

This enumerated attribute defines whether the element may be checked for spelling errors.

MDN

Inherited from:
GlobalAttrs
lazy val style: Attr

This attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the style element have mainly the purpose of allowing for quick styling, for example for testing purposes.

This attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the style element have mainly the purpose of allowing for quick styling, for example for testing purposes.

MDN

Inherited from:
GlobalAttrs
lazy val tabindex: Attr

This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:

This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:

  • a negative value means that the element should be focusable, but should not be reachable via sequential keyboard navigation;
  • 0 means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;
  • a positive value which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the tabindex. If several elements share the same tabindex, their relative order follows their relative position in the document).

An element with a 0 value, an invalid value, or no tabindex value should be placed after elements with a positive tabindex in the sequential keyboard navigation order.

Inherited from:
GlobalAttrs
lazy val title: Attr

This attribute contains a text representing advisory information related to the element it belongs too. Such information can typically, but not necessarily, be presented to the user as a tooltip.

This attribute contains a text representing advisory information related to the element it belongs too. Such information can typically, but not necessarily, be presented to the user as a tooltip.

MDN

Inherited from:
GlobalAttrs
lazy val translate: AttrPair[Builder, String]

Specifies whether the content of an element should be translated or not

Specifies whether the content of an element should be translated or not

Inherited from:
GlobalAttrs

Implicits

Inherited implicits

implicit def ArrayFrag[A](xs: Array[A])(implicit ev: A => Frag[Builder, FragT]): Frag[Builder, FragT]

Renders an Seq of FragT into a single FragT

Renders an Seq of FragT into a single FragT

Inherited from:
LowPriUtil
implicit def ArrayNode[A](xs: Array[A])(implicit ev: A => Modifier[Builder]): SeqNode[A]

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

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

Inherited from:
Util
implicit def GeneratorFrag[A](xs: Generator[A])(implicit ev: A => Frag[Builder, FragT]): Frag[Builder, FragT]

Renders an Seq of FragT into a single FragT

Renders an Seq of FragT into a single FragT

Inherited from:
LowPriUtil
implicit def OptionFrag[A](xs: Option[A])(implicit ev: A => Frag[Builder, FragT]): Frag[Builder, FragT]

Renders an Option of FragT into a single FragT

Renders an Option of FragT into a single FragT

Inherited from:
LowPriUtil
implicit def OptionNode[A](xs: Option[A])(implicit ev: A => Modifier[Builder]): SeqNode[A]

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

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

Inherited from:
Util
implicit def SeqFrag[A](xs: Seq[A])(implicit ev: A => Frag[Builder, FragT]): Frag[Builder, FragT]

Renders an Seq of FragT into a single FragT

Renders an Seq of FragT into a single FragT

Inherited from:
LowPriUtil
final implicit def SeqNode[A](xs: Seq[A])(implicit ev: A => Modifier[Builder]): SeqNode[A]

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

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

Inherited from:
Util
implicit def UnitFrag(u: Unit): Frag[Builder, FragT]

Lets you put Unit into a scalatags tree, as a no-op.

Lets you put Unit into a scalatags tree, as a no-op.

Inherited from:
LowPriUtil