HtmlProps
Value members
Concrete methods
Concrete fields
If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.
If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.
- See also:
Specifies a shortcut key to activate/focus an element
Specifies a shortcut key to activate/focus an element
- See also:
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.
Only applies to FormTags.form
- See also:
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 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.
- See also:
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.
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"
- See also:
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).
- See also:
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).
- See also:
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
)
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
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
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
- See also:
This attribute gives the value associated with the name or httpEquiv attribute, of a element, depending on which of those attributes is defined on that element.
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.
See Props.checked
- See also:
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.
See also Props.value
- See also:
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)
- See also:
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 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.
- See also:
Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
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.
- See also:
Specifies whether an element is draggable or not
Specifies whether an element is draggable or not
- See also:
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").
Only applies to FormTags.form
- See also:
Describes an element which belongs to this one. Used on labels and output elements.
Describes an element which belongs to this one. Used on labels and output elements.
- See also:
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.
- See also:
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"
Enumerated: "multipart/form-data" | "text/plain" | "application/x-www-form-urlencoded" (default)
- See also:
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".
Enumerated: "post" | "get"
- See also:
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".
- See also:
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"
Enumerated: "_blank" | "_parent" | "_top" | "_self" (default)
- See also:
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 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.
- See also:
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 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
- See also:
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).
- See also:
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.
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.
- See also:
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.
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
- See also:
For optgroup
elements, specifies the name of the group of options, which the browser can
use when labeling the options in the user interface.
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.
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.
- See also:
Indicates how the browser should load the image:
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.
- See also:
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.
- See also:
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.
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.
- See also:
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.
- See also:
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.
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.
- See also:
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
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
- See also:
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.
- See also:
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
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
- See also:
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.
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.
- See also:
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.
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.
- See also:
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 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.
- See also:
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.
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.
- See also:
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 (,
, , even if implicitly defined, that the cell belongs to. Values higher than 65534 are clipped down to 65534.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 (,
, , even if implicitly defined, that the cell belongs to. Values higher than 65534 are clipped down to 65534.- See also:
The number of visible text lines for a text control.
The number of visible text lines for a text control.
- See also:
For use in <style> tags.
For use in <style> tags.
If this attribute is present, then the style applies only to its parent element. If absent, the style applies to the whole document.
- See also:
The initial size of the control. This value is in pixels unless the value of the type attribute is text or password, in which case, it is an integer number of characters. Starting in HTML5, this attribute applies only when the type attribute is set to text, search, tel, url, email, or password; otherwise it is ignored. In addition, the size must be greater than zero. If you don't specify a size, a default value of 20 is used.
The initial size of the control. This value is in pixels unless the value of the type attribute is text or password, in which case, it is an integer number of characters. Starting in HTML5, this attribute applies only when the type attribute is set to text, search, tel, url, email, or password; otherwise it is ignored. In addition, the size must be greater than zero. If you don't specify a size, a default value of 20 is used.
- See also:
The slot global attribute assigns a slot in a shadow DOM shadow tree to an element.
The slot global attribute assigns a slot in a shadow DOM shadow tree to an element.
MDN – https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/slot
- See also:
Defines whether the element may be checked for spelling errors.
Defines whether the element may be checked for spelling errors.
MDN – https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck
- See also:
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.
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.
- See also:
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.
- See also:
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.
- See also:
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.
- See also:
Specifies whether the content of an element should be translated or not
Specifies whether the content of an element should be translated or not
- See also:
Current value of the element. This is different from value
attribute,
which contains the initial value of the element.
More info: https://stackoverflow.com/a/6004028/2601788
Current value of the element. This is different from value
attribute,
which contains the initial value of the element.
More info: https://stackoverflow.com/a/6004028/2601788
See also: defaultValue prop / attribute