diff --git a/files/en-us/web/html/element/a/index.html b/files/en-us/web/html/element/a/index.html index a60ef2abcd74a3c..8a511263a026516 100644 --- a/files/en-us/web/html/element/a/index.html +++ b/files/en-us/web/html/element/a/index.html @@ -21,8 +21,6 @@
{{EmbedInteractiveExample("pages/tabbed/a.html")}}
- -

Attributes

This element's attributes include the global attributes.

diff --git a/files/en-us/web/html/element/abbr/index.html b/files/en-us/web/html/element/abbr/index.html index 2777925a1ed8ac2..6277cae1ba6a5c5 100644 --- a/files/en-us/web/html/element/abbr/index.html +++ b/files/en-us/web/html/element/abbr/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}
- - diff --git a/files/en-us/web/html/element/address/index.html b/files/en-us/web/html/element/address/index.html index 336432c08f11a7f..2edf15d03160043 100644 --- a/files/en-us/web/html/element/address/index.html +++ b/files/en-us/web/html/element/address/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/address.html", "tabbed-standard")}}
- -

The contact information provided by an <address> element's contents can take whatever form is appropriate for the context, and may include any type of contact information that is needed, such as a physical address, URL, email address, phone number, social media handle, geographic coordinates, and so forth. The <address> element should include the name of the person, people, or organization to which the contact information refers.

<address> can be used in a variety of contexts, such as providing a business's contact information in the page header, or indicating the author of an article by including an <address> element within the {{HTMLElement("article")}}.

diff --git a/files/en-us/web/html/element/area/index.html b/files/en-us/web/html/element/area/index.html index 2dc5f0e23d3d26f..b5a0eb8d14965dd 100644 --- a/files/en-us/web/html/element/area/index.html +++ b/files/en-us/web/html/element/area/index.html @@ -20,8 +20,6 @@
{{EmbedInteractiveExample("pages/tabbed/area.html", "tabbed-taller")}}
- -
diff --git a/files/en-us/web/html/element/article/index.html b/files/en-us/web/html/element/article/index.html index 7f5e4f9c28dc0a9..d413e730a030498 100644 --- a/files/en-us/web/html/element/article/index.html +++ b/files/en-us/web/html/element/article/index.html @@ -15,8 +15,6 @@
{{EmbedInteractiveExample("pages/tabbed/article.html", "tabbed-standard")}}
- -

A given document can have multiple articles in it; for example, on a blog that shows the text of each article one after another as the reader scrolls, each post would be contained in an <article> element, possibly with one or more <section>s within.

diff --git a/files/en-us/web/html/element/aside/index.html b/files/en-us/web/html/element/aside/index.html index 985f1e45594f23a..261baa192b37ded 100644 --- a/files/en-us/web/html/element/aside/index.html +++ b/files/en-us/web/html/element/aside/index.html @@ -19,8 +19,6 @@
{{EmbedInteractiveExample("pages/tabbed/aside.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/audio/index.html b/files/en-us/web/html/element/audio/index.html index e179ee66de6d262..7e82c6f2e52fd72 100644 --- a/files/en-us/web/html/element/audio/index.html +++ b/files/en-us/web/html/element/audio/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/audio.html","tabbed-standard")}}
- -

The above example shows simple usage of the <audio> element. In a similar manner to the {{htmlelement("img")}} element, we include a path to the media we want to embed inside the src attribute; we can include other attributes to specify information such as whether we want it to autoplay and loop, whether we want to show the browser's default audio controls, etc.

The content inside the opening and closing <audio></audio> tags is shown as a fallback in browsers that don't support the element.

diff --git a/files/en-us/web/html/element/b/index.html b/files/en-us/web/html/element/b/index.html index a98bd8d7518b224..3bd75b529b19327 100644 --- a/files/en-us/web/html/element/b/index.html +++ b/files/en-us/web/html/element/b/index.html @@ -19,8 +19,6 @@
{{EmbedInteractiveExample("pages/tabbed/b.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/bdi/index.html b/files/en-us/web/html/element/bdi/index.html index 6596b39bf6cfa0d..9cb29ff074f7104 100644 --- a/files/en-us/web/html/element/bdi/index.html +++ b/files/en-us/web/html/element/bdi/index.html @@ -29,8 +29,6 @@
{{EmbedInteractiveExample("pages/tabbed/bdi.html", "tabbed-standard")}}
- -

Bidirectional text is text that may contain both sequences of characters that are arranged left-to-right (LTR) and sequences of characters that are arranged right-to-left (RTL), such as an Arabic quotation embedded in an English string. Browsers implement the Unicode Bidirectional Algorithm to handle this. In this algorithm, characters are given an implicit directionality: for example, Latin characters are treated as LTR while Arabic characters are treated as RTL. Some other characters (such as spaces and some punctuation) are treated as neutral and are assigned directionality based on that of their surrounding characters.

Usually, the bidirectional algorithm will do the right thing without the author having to provide any special markup but, occasionally, the algorithm needs help. That's where <bdi> comes in.

diff --git a/files/en-us/web/html/element/blockquote/index.html b/files/en-us/web/html/element/blockquote/index.html index a644796c8dc527b..1a089e8400b2f15 100644 --- a/files/en-us/web/html/element/blockquote/index.html +++ b/files/en-us/web/html/element/blockquote/index.html @@ -20,8 +20,6 @@
{{EmbedInteractiveExample("pages/tabbed/blockquote.html","tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/br/index.html b/files/en-us/web/html/element/br/index.html index 46b22cf33a2337d..98b144ae7775dd1 100644 --- a/files/en-us/web/html/element/br/index.html +++ b/files/en-us/web/html/element/br/index.html @@ -15,8 +15,6 @@
{{EmbedInteractiveExample("pages/tabbed/br.html", "tabbed-standard")}}
- -

As you can see from the above example, a <br> element is included at each point where we want the text to break. The text after the <br> begins again at the start of the next line of the text block.

diff --git a/files/en-us/web/html/element/button/index.html b/files/en-us/web/html/element/button/index.html index 235cd897b9b4832..aa22d4d353bbd46 100644 --- a/files/en-us/web/html/element/button/index.html +++ b/files/en-us/web/html/element/button/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/button.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/cite/index.html b/files/en-us/web/html/element/cite/index.html index 97b23ca4f2f863d..99dec44e0d548c4 100644 --- a/files/en-us/web/html/element/cite/index.html +++ b/files/en-us/web/html/element/cite/index.html @@ -20,8 +20,6 @@
{{EmbedInteractiveExample("pages/tabbed/cite.html", "tabbed-standard")}}
- -
@@ -140,7 +138,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/code/index.html b/files/en-us/web/html/element/code/index.html index 8fbc95bc6f17644..6be7868948dbcc7 100644 --- a/files/en-us/web/html/element/code/index.html +++ b/files/en-us/web/html/element/code/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/code.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/col/index.html b/files/en-us/web/html/element/col/index.html index 269a65c70191ec0..8b41d21dfead6ad 100644 --- a/files/en-us/web/html/element/col/index.html +++ b/files/en-us/web/html/element/col/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/col.html","tabbed-taller")}}
- -

<col> allows styling columns using CSS, but only a few properties will have an effect on the column (see the CSS 2.1 specification for a list).

@@ -165,7 +163,6 @@

See also

diff --git a/files/en-us/web/html/element/datalist/index.html b/files/en-us/web/html/element/datalist/index.html index dcc709ef02c8d4b..4566f005549a2b6 100644 --- a/files/en-us/web/html/element/datalist/index.html +++ b/files/en-us/web/html/element/datalist/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/datalist.html", "tabbed-standard")}}
- -
@@ -77,6 +75,11 @@

Result

Specifications

+

Polyfill

+ +

Include this polyfill to provide support for older and currently incompatible browsers:
+ datalist-polyfill

+
@@ -103,11 +106,6 @@

Browser compatibility

{{Compat}}

-

Polyfill

- -

Include this polyfill to provide support for older and currently incompatible browsers:
- datalist-polyfill

-

See also

diff --git a/files/en-us/web/html/element/dl/index.html b/files/en-us/web/html/element/dl/index.html index 687b3ed574e4791..82e7928b76944a2 100644 --- a/files/en-us/web/html/element/dl/index.html +++ b/files/en-us/web/html/element/dl/index.html @@ -19,8 +19,6 @@
{{EmbedInteractiveExample("pages/tabbed/dl.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/dt/index.html b/files/en-us/web/html/element/dt/index.html index 9e240e9fee4281a..c0581c6d4f1d46d 100644 --- a/files/en-us/web/html/element/dt/index.html +++ b/files/en-us/web/html/element/dt/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/dt.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/em/index.html b/files/en-us/web/html/element/em/index.html index 4931a7d30456500..98d16b3311e8711 100644 --- a/files/en-us/web/html/element/em/index.html +++ b/files/en-us/web/html/element/em/index.html @@ -15,8 +15,6 @@
{{EmbedInteractiveExample("pages/tabbed/em.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/embed/index.html b/files/en-us/web/html/element/embed/index.html index d9f5147e21d5023..ff8e628162a699b 100644 --- a/files/en-us/web/html/element/embed/index.html +++ b/files/en-us/web/html/element/embed/index.html @@ -20,8 +20,6 @@
{{EmbedInteractiveExample("pages/tabbed/embed.html", "tabbed-standard")}}
- -

Note: This topic documents only the element that is defined as part of HTML5. It does not address earlier, non-standardized implementation of the element.

@@ -119,7 +117,6 @@

Browser compatibility

Note: Prior to version 45, Firefox did not display content of HTML resource, but a generic message saying the content needs a plug-in (see {{Bug("730768")}}).

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/fieldset/index.html b/files/en-us/web/html/element/fieldset/index.html index 1c7f2d4f794111a..02328135150e8cc 100644 --- a/files/en-us/web/html/element/fieldset/index.html +++ b/files/en-us/web/html/element/fieldset/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/fieldset.html", "tabbed-standard")}}
- -

As the example above shows, the <fieldset> element provides a grouping for a part of an HTML form, with a nested {{htmlelement("legend")}} element providing a caption for the <fieldset>. It takes few attributes, the most notable of which are form, which can contain the id of a {{htmlelement("form")}} on the same page, allowing you to make the <fieldset> part of that <form> even if it is not nested inside it, and disabled, which allows you to disable the <fieldset> and all its contents in one go.

Attributes

diff --git a/files/en-us/web/html/element/figcaption/index.html b/files/en-us/web/html/element/figcaption/index.html index c22058b4c3e8b3d..3ab573ccddbb9f1 100644 --- a/files/en-us/web/html/element/figcaption/index.html +++ b/files/en-us/web/html/element/figcaption/index.html @@ -14,8 +14,6 @@
{{EmbedInteractiveExample("pages/tabbed/figcaption.html","tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/figure/index.html b/files/en-us/web/html/element/figure/index.html index 90d5686cd0e9aaf..e62adb8c2bad48f 100644 --- a/files/en-us/web/html/element/figure/index.html +++ b/files/en-us/web/html/element/figure/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/figure.html","tabbed-shorter")}}
- -
@@ -164,7 +162,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/footer/index.html b/files/en-us/web/html/element/footer/index.html index 2c5c05b43a089bf..e829eacdb42d3a9 100644 --- a/files/en-us/web/html/element/footer/index.html +++ b/files/en-us/web/html/element/footer/index.html @@ -14,8 +14,6 @@
{{EmbedInteractiveExample("pages/tabbed/footer.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/form/index.html b/files/en-us/web/html/element/form/index.html index 0fc3b1bba7c59a4..ab52aed033eb843 100644 --- a/files/en-us/web/html/element/form/index.html +++ b/files/en-us/web/html/element/form/index.html @@ -18,8 +18,6 @@
{{EmbedInteractiveExample("pages/tabbed/form.html", "tabbed-standard")}}
- -

It is possible to use the {{cssxref(':valid')}} and {{cssxref(':invalid')}} CSS pseudo-classes to style a <form> element based on whether or not the {{domxref("HTMLFormElement.elements", "elements")}} inside the form are valid.

@@ -199,7 +197,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/header/index.html b/files/en-us/web/html/element/header/index.html index e8552b0d957d233..e8a940199ead5c2 100644 --- a/files/en-us/web/html/element/header/index.html +++ b/files/en-us/web/html/element/header/index.html @@ -14,8 +14,6 @@
{{EmbedInteractiveExample("pages/tabbed/header.html", "tabbed-standard")}}
- -
@@ -109,7 +107,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/heading_elements/index.html b/files/en-us/web/html/element/heading_elements/index.html index 76990bcaf0825f6..f5418ae19ca82c2 100644 --- a/files/en-us/web/html/element/heading_elements/index.html +++ b/files/en-us/web/html/element/heading_elements/index.html @@ -14,8 +14,6 @@
{{EmbedInteractiveExample("pages/tabbed/h1-h6.html", "tabbed-standard")}}
- -
@@ -244,7 +242,6 @@

Specifications

Browser compatibility

-

{{Compat("html.elements.h1")}}

See also

diff --git a/files/en-us/web/html/element/i/index.html b/files/en-us/web/html/element/i/index.html index dd26993deeb68b4..d4b8c6466977751 100644 --- a/files/en-us/web/html/element/i/index.html +++ b/files/en-us/web/html/element/i/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/i.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/iframe/index.html b/files/en-us/web/html/element/iframe/index.html index b2e65b94ca2ccbe..be090676ad1f9d1 100644 --- a/files/en-us/web/html/element/iframe/index.html +++ b/files/en-us/web/html/element/iframe/index.html @@ -21,8 +21,6 @@
{{EmbedInteractiveExample("pages/tabbed/iframe.html", "tabbed-standard")}}
- -

Each embedded browsing context has its own session history and document. The browsing context that embeds the others is called the parent browsing context. The topmost browsing context — the one with no parent — is usually the browser window, represented by the {{domxref("Window")}} object.

diff --git a/files/en-us/web/html/element/img/index.html b/files/en-us/web/html/element/img/index.html index a3acd20492321e7..2955a20ab4a41f7 100644 --- a/files/en-us/web/html/element/img/index.html +++ b/files/en-us/web/html/element/img/index.html @@ -27,8 +27,6 @@
{{EmbedInteractiveExample("pages/tabbed/img.html", "tabbed-standard")}}
- -

The above example shows usage of the <img> element:

diff --git a/files/en-us/web/html/element/input/date/index.html b/files/en-us/web/html/element/input/date/index.html index bbf8f6b8714f8bf..ef57a2483c3e16b 100644 --- a/files/en-us/web/html/element/input/date/index.html +++ b/files/en-us/web/html/element/input/date/index.html @@ -22,8 +22,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-date.html", "tabbed-shorter")}}
- -

The input UI generally varies from browser to browser; see {{anch("Browser compatibility")}} for further details. In unsupported browsers, the control degrades gracefully to <input type="text">.

Among browsers with custom interfaces for selecting dates are Chrome, Edge, and Opera, whose date control looks like so:

@@ -111,13 +109,13 @@

Additional attributes

{{htmlattrdef("max")}}

-

The latest date to accept. If the {{htmlattrxref("value", "input")}} entered into the element occurs afterward, the element fails constraint validation. If the value of the max attribute isn't a possible date string in the format yyyy-mm-dd, then the element has no maximum date value.

+

The latest date to accept. If the {{htmlattrxref("value", "input")}} entered into the element occurs afterward, the element fails constraint validation. If the value of the max attribute isn't a possible date string in the format yyyy-mm-dd, then the element has no maximum date value.

If both the max and min attributes are set, this value must be a date string later than or equal to the one in the min attribute.

{{htmlattrdef("min")}}

-

The earliest date to accept. If the {{htmlattrxref("value", "input")}} entered into the element occurs beforehand, the element fails constraint validation. If the value of the min attribute isn't a possible date string in the format yyyy-mm-dd, then the element has no minimum date value.

+

The earliest date to accept. If the {{htmlattrxref("value", "input")}} entered into the element occurs beforehand, the element fails constraint validation. If the value of the min attribute isn't a possible date string in the format yyyy-mm-dd, then the element has no minimum date value.

If both the max and min attributes are set, this value must be a date string earlier than or equal to the one in the max attribute.

diff --git a/files/en-us/web/html/element/input/datetime-local/index.html b/files/en-us/web/html/element/input/datetime-local/index.html index 239baeb0718a63c..752ef1f94798e72 100644 --- a/files/en-us/web/html/element/input/datetime-local/index.html +++ b/files/en-us/web/html/element/input/datetime-local/index.html @@ -22,8 +22,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-datetime-local.html", "tabbed-shorter")}}
- -

The control's UI varies in general from browser to browser; at the moment support is patchy, with Chrome/Opera/Edge and Safari 14.1 on desktop and most modern versions of mobile browsers having usable implementations. In other browsers, these degrade gracefully to simple <input type="text"> controls.

The control is intended to represent a local date and time, not necessarily the user's local date and time. In other words, an implementation should allow any valid combination of year, month, day, hour, and minute - even if such a combination is invalid in the user's local time zone (such as times within a daylight saving time spring-forward transition gap). Some mobile browsers (particularly on iOS) do not currently implement this correctly.

@@ -120,13 +118,13 @@

Additional attributes

{{htmlattrdef("max")}}

-

The latest date and time to accept. If the {{htmlattrxref("value", "input")}} entered into the element is later than this timestamp, the element fails constraint validation. If the value of the max attribute isn't a valid string which follows the format yyyy-MM-ddThh:mm, then the element has no maximum value.

+

The latest date and time to accept. If the {{htmlattrxref("value", "input")}} entered into the element is later than this timestamp, the element fails constraint validation. If the value of the max attribute isn't a valid string which follows the format yyyy-MM-ddThh:mm, then the element has no maximum value.

This value must specify a date string later than or equal to the one specified by the min attribute.

{{htmlattrdef("min")}}

-

The earliest date and time to accept; timestamps earlier than this will cause the element to fail constraint validation. If the value of the min attribute isn't a valid string which follows the format yyyy-MM-ddThh:mm, then the element has no minimum value.

+

The earliest date and time to accept; timestamps earlier than this will cause the element to fail constraint validation. If the value of the min attribute isn't a valid string which follows the format yyyy-MM-ddThh:mm, then the element has no minimum value.

This value must specify a date string earlier than or equal to the one specified by the max attribute.

@@ -334,7 +332,7 @@

Handling browser support

} -

The best way to deal with dates in forms in a cross-browser way at the moment is to get the user to enter the day, month, year, and time in separate controls ({{htmlelement("select")}} elements being popular — see below for an implementation), or use JavaScript libraries such as jQuery date picker, and the jQuery timepicker plugin.

+

The best way to deal with dates in forms in a cross-browser way at the moment is to get the user to enter the day, month, year, and time in separate controls ({{htmlelement("select")}} elements being popular — see below for an implementation), or use JavaScript libraries such as jQuery date picker, and the jQuery timepicker plugin.

The Y2K38 Problem (often server-side)

diff --git a/files/en-us/web/html/element/input/email/index.html b/files/en-us/web/html/element/input/email/index.html index f1941d9524d97e4..cb48680144926f7 100644 --- a/files/en-us/web/html/element/input/email/index.html +++ b/files/en-us/web/html/element/input/email/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-email.html", "tabbed-shorter")}}
- -

The input value is automatically validated to ensure that it's either empty or a properly-formatted e-mail address (or list of addresses) before the form can be submitted. The {{cssxref(":valid")}} and {{cssxref(":invalid")}} CSS pseudo-classes are automatically applied as appropriate to visually denote whether the current value of the field is a valid e-mail address or not.

On browsers that don't support inputs of type email, a email input falls back to being a standard {{HTMLElement("input/text", "text")}} input.

@@ -112,13 +110,13 @@

{{htmlattrdef("maxlength")}}

The maximum number of characters (as UTF-16 code units) the user can enter into the email input. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the email input has no maximum length. This value must also be greater than or equal to the value of minlength.

-

The input will fail constraint validation if the length of the text value of the field is greater than maxlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

+

The input will fail constraint validation if the length of the text value of the field is greater than maxlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

{{htmlattrdef("minlength")}}

The minimum number of characters (as UTF-16 code units) the user can enter into the email input. This must be an non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the email input has no minimum length.

-

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

+

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

{{htmlattrdef("multiple")}}

diff --git a/files/en-us/web/html/element/input/file/index.html b/files/en-us/web/html/element/input/file/index.html index d927f5a8d1fec99..a12a45473cfe13b 100644 --- a/files/en-us/web/html/element/input/file/index.html +++ b/files/en-us/web/html/element/input/file/index.html @@ -20,8 +20,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-file.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/input/image/index.html b/files/en-us/web/html/element/input/image/index.html index 5bff443dd09c72f..81eb07895bb3e39 100644 --- a/files/en-us/web/html/element/input/image/index.html +++ b/files/en-us/web/html/element/input/image/index.html @@ -22,8 +22,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-image.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/input/index.html b/files/en-us/web/html/element/input/index.html index 774835ac6ac4bc1..51bfb0f17cbd6d6 100644 --- a/files/en-us/web/html/element/input/index.html +++ b/files/en-us/web/html/element/input/index.html @@ -20,8 +20,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-text.html", "tabbed-shorter")}}
- -

<input> types

How an <input> works varies considerably depending on the value of its {{htmlattrxref("type", "input")}} attribute, hence the different types are covered in their own separate reference pages. If this attribute is not specified, the default type adopted is text.

@@ -579,7 +577,7 @@

Individual attributes

{{htmlattrdef("max")}}
-

Valid for date, month, week, time, datetime-local, number, and range, it defines the greatest value in the range of permitted values. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a number, then the element has no maximum value.

+

Valid for date, month, week, time, datetime-local, number, and range, it defines the greatest value in the range of permitted values. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a number, then the element has no maximum value.

There is a special case: if the data type is periodic (such as for dates or times), the value of max may be lower than the value of min, which indicates that the range may wrap around; for example, this allows you to specify a time range from 10 PM to 4 AM.

@@ -587,11 +585,11 @@

Individual attributes

Valid for text, search, url, tel, email, and password, it defines the maximum number of characters (as UTF-16 code units) the user can enter into the field. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the field has no maximum length. This value must also be greater than or equal to the value of minlength.

-

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long. By default, browsers prevent users from entering more characters than allowed by the maxlength attribute. See {{anch("Client-side validation")}} for more information.

+

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long. By default, browsers prevent users from entering more characters than allowed by the maxlength attribute. See {{anch("Client-side validation")}} for more information.

{{htmlattrdef("min")}}
-

Valid for date, month, week, time, datetime-local, number, and range, it defines the most negative value in the range of permitted values. If the {{htmlattrxref("value", "input")}} entered into the element is less than this this, the element fails constraint validation. If the value of the min attribute isn't a number, then the element has no minimum value.

+

Valid for date, month, week, time, datetime-local, number, and range, it defines the most negative value in the range of permitted values. If the {{htmlattrxref("value", "input")}} entered into the element is less than this this, the element fails constraint validation. If the value of the min attribute isn't a number, then the element has no minimum value.

This value must be less than or equal to the value of the max attribute. If the min attribute is present but is not specified or is invalid, no min value is applied. If the min attribute is valid and a non-empty value is less than the minimum allowed by the min attribute, constraint validation will prevent form submission. See {{anch("Client-side validation")}} for more information.

@@ -601,7 +599,7 @@

Individual attributes

Valid for text, search, url, tel, email, and password, it defines the minimum number of characters (as UTF-16 code units) the user can enter into the entry field. This must be an non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the input has no minimum length.

-

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long, preventing form submission. See {{anch("Client-side validation")}} for more information.

+

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long, preventing form submission. See {{anch("Client-side validation")}} for more information.

{{htmlattrdef("multiple")}}
@@ -651,7 +649,7 @@
HTMLFormElement.elements
{{htmlattrdef("pattern")}}
-

The pattern attribute, when specified, is a regular expression that the input's {{htmlattrxref("value")}} must match in order for the value to pass constraint validation. It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our guide on regular expressions; the 'u' flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text.

+

The pattern attribute, when specified, is a regular expression that the input's {{htmlattrxref("value")}} must match in order for the value to pass constraint validation. It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our guide on regular expressions; the 'u' flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text.

If the pattern attribute is present but is not specified or is invalid, no regular expression is applied and this attribute is ignored completely. If the pattern attribute is valid and a non-empty value does not match the pattern, constraint validation will prevent form submission.

@@ -1298,7 +1296,7 @@

Size

@@ -1313,7 +1311,7 @@

Browser compatibility

See also

@@ -99,13 +97,13 @@

Additional attributes

{{htmlattrdef("max")}}

-

The maximum value to accept for this input. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a number, then the element has no maximum value.

+

The maximum value to accept for this input. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a number, then the element has no maximum value.

This value must be greater than or equal to the value of the min attribute.

{{htmlattrdef("min")}}

-

The minimum value to accept for this input. If the {{htmlattrxref("value", "input")}} of the element is less than this, the element fails constraint validation. If a value is specified for min that isn't a valid number, the input has no minimum value.

+

The minimum value to accept for this input. If the {{htmlattrxref("value", "input")}} of the element is less than this, the element fails constraint validation. If a value is specified for min that isn't a valid number, the input has no minimum value.

This value must be less than or equal to the value of the max attribute.

diff --git a/files/en-us/web/html/element/input/password/index.html b/files/en-us/web/html/element/input/password/index.html index f4e4933e7cf0052..7773907742314fc 100644 --- a/files/en-us/web/html/element/input/password/index.html +++ b/files/en-us/web/html/element/input/password/index.html @@ -22,8 +22,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-password.html", "tabbed-standard")}}
- -

Specifics of how the entry process works may vary from browser to browser; mobile devices, for example, often display the typed character for a moment before obscuring it, to allow the user to be sure they pressed the key they meant to press; this is helpful given the small size of keys and the ease with which the wrong one can be pressed, especially on virtual keyboards.

@@ -108,13 +106,13 @@

{{htmlattrdef("maxlength")}}

The maximum number of characters (as UTF-16 code units) the user can enter into the password field. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the password field has no maximum length. This value must also be greater than or equal to the value of minlength.

-

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long.

+

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long.

{{htmlattrdef("minlength")}}

The minimum number of characters (as UTF-16 code units) the user can enter into the password entry field. This must be an non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the password input has no minimum length.

-

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long.

+

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long.

{{htmlattrdef("pattern")}}

diff --git a/files/en-us/web/html/element/input/radio/index.html b/files/en-us/web/html/element/input/radio/index.html index ab41a876361a1c0..648effc29d1340b 100644 --- a/files/en-us/web/html/element/input/radio/index.html +++ b/files/en-us/web/html/element/input/radio/index.html @@ -26,8 +26,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-radio.html", "tabbed-standard")}}
- -

They are called radio buttons because they look and operate in a similar manner to the push buttons on old-fashioned radios, such as the one shown below.

diff --git a/files/en-us/web/html/element/input/range/index.html b/files/en-us/web/html/element/input/range/index.html index 2b5a3af655145a6..a5afa114d2f0152 100644 --- a/files/en-us/web/html/element/input/range/index.html +++ b/files/en-us/web/html/element/input/range/index.html @@ -20,8 +20,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-range.html", "tabbed-standard")}}
- -

If the user's browser doesn't support type range, it will fall back and treat it as a {{HTMLElement('input/text', 'text')}} input.

@@ -106,13 +104,13 @@

Additional attributes

{{htmlattrdef("max")}}

-

The greatest value in the range of permitted values. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a number, then the element has no maximum value.

+

The greatest value in the range of permitted values. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a number, then the element has no maximum value.

This value must be greater than or equal to the value of the min attribute. See the HTML max attribute.

{{htmlattrdef("min")}}

-

The lowest value in the range of permitted values. If the {{htmlattrxref("value", "input")}} of the element is less than this, the element fails constraint validation. If a value is specified for min that isn't a valid number, the input has no minimum value.

+

The lowest value in the range of permitted values. If the {{htmlattrxref("value", "input")}} of the element is less than this, the element fails constraint validation. If a value is specified for min that isn't a valid number, the input has no minimum value.

This value must be less than or equal to the value of the max attribute. See the HTML min attribute.

diff --git a/files/en-us/web/html/element/input/reset/index.html b/files/en-us/web/html/element/input/reset/index.html index af957a2f0be631b..0b0e25be19e69c4 100644 --- a/files/en-us/web/html/element/input/reset/index.html +++ b/files/en-us/web/html/element/input/reset/index.html @@ -21,8 +21,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-reset.html", "tabbed-standard")}}
- -

You should usually avoid including reset buttons in your forms. They're rarely useful, and are instead more likely to frustrate users who click them by mistake (often while trying to click the submit button).

diff --git a/files/en-us/web/html/element/input/search/index.html b/files/en-us/web/html/element/input/search/index.html index 0e748c6e4eff977..f8be0095893b2cd 100644 --- a/files/en-us/web/html/element/input/search/index.html +++ b/files/en-us/web/html/element/input/search/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-search.html", "tabbed-standard")}}
- -
@@ -106,13 +104,13 @@

{{htmlattrdef("maxlength")}}

The maximum number of characters (as UTF-16 code units) the user can enter into the search field. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the search field has no maximum length. This value must also be greater than or equal to the value of minlength.

-

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long.

+

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long.

{{htmlattrdef("minlength")}}

The minimum number of characters (as UTF-16 code units) the user can enter into the search field. This must be a non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the search input has no minimum length.

-

The search field will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long.

+

The search field will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long.

{{htmlattrdef("pattern")}}

diff --git a/files/en-us/web/html/element/input/submit/index.html b/files/en-us/web/html/element/input/submit/index.html index 6a93ea1bf8e0fff..0a19ab8fef328b5 100644 --- a/files/en-us/web/html/element/input/submit/index.html +++ b/files/en-us/web/html/element/input/submit/index.html @@ -96,7 +96,7 @@

Additional attributes

- + diff --git a/files/en-us/web/html/element/input/tel/index.html b/files/en-us/web/html/element/input/tel/index.html index b9da4d8a68eb51b..93a25b35efc9d5a 100644 --- a/files/en-us/web/html/element/input/tel/index.html +++ b/files/en-us/web/html/element/input/tel/index.html @@ -21,8 +21,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-tel.html", "tabbed-standard")}}
- -

Despite the fact that inputs of type tel are functionally identical to standard text inputs, they do serve useful purposes; the most quickly apparent of these is that mobile browsers — especially on mobile phones — may opt to present a custom keypad optimized for entering phone numbers. Using a specific input type for telephone numbers also makes adding custom validation and handling of phone numbers more convenient.

@@ -107,13 +105,13 @@

{{htmlattrdef("maxlength")}}

The maximum number of characters (as UTF-16 code units) the user can enter into the telephone number field. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the telephone number field has no maximum length. This value must also be greater than or equal to the value of minlength.

-

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long.

+

The input will fail constraint validation if the length of the text entered into the field is greater than maxlength UTF-16 code units long.

{{htmlattrdef("minlength")}}

The minimum number of characters (as UTF-16 code units) the user can enter into the telephone number field. This must be an non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the telephone number input has no minimum length.

-

The telephone number field will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long.

+

The telephone number field will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long.

{{htmlattrdef("pattern")}}

diff --git a/files/en-us/web/html/element/input/text/index.html b/files/en-us/web/html/element/input/text/index.html index bad853ffd409f70..1aab923049cbbf4 100644 --- a/files/en-us/web/html/element/input/text/index.html +++ b/files/en-us/web/html/element/input/text/index.html @@ -109,18 +109,18 @@

{{htmlattrdef("maxlength")}}

The maximum number of characters (as UTF-16 code units) the user can enter into the text input. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the text input has no maximum length. This value must also be greater than or equal to the value of minlength.

-

The input will fail constraint validation if the length of the text value of the field is greater than maxlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

+

The input will fail constraint validation if the length of the text value of the field is greater than maxlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

{{htmlattrdef("minlength")}}

The minimum number of characters (as UTF-16 code units) the user can enter into the text input. This must be an non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the text input has no minimum length.

-

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

+

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

{{htmlattrdef("pattern")}}

-

The pattern attribute, when specified, is a regular expression that the input's {{htmlattrxref("value")}} must match in order for the value to pass constraint validation. It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our guide on regular expressions; the 'u' flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text.

+

The pattern attribute, when specified, is a regular expression that the input's {{htmlattrxref("value")}} must match in order for the value to pass constraint validation. It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our guide on regular expressions; the 'u' flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text.

If the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored completely.

diff --git a/files/en-us/web/html/element/input/time/index.html b/files/en-us/web/html/element/input/time/index.html index df7f4510d4f0a49..2521a76f6a8a5e6 100644 --- a/files/en-us/web/html/element/input/time/index.html +++ b/files/en-us/web/html/element/input/time/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-time.html", "tabbed-standard")}}
- -

Appearance

Chrome and Opera

@@ -391,7 +389,7 @@

Handling browser support

}
-

The best way to deal with times in forms in a cross-browser way, for the time being, is to get the user to enter the hours and minutes (and seconds if required) in separate controls ({{htmlelement("select")}} elements are popular; see below for an example), or use JavaScript libraries such as the jQuery timepicker plugin.

+

The best way to deal with times in forms in a cross-browser way, for the time being, is to get the user to enter the hours and minutes (and seconds if required) in separate controls ({{htmlelement("select")}} elements are popular; see below for an example), or use JavaScript libraries such as the jQuery timepicker plugin.

Examples

diff --git a/files/en-us/web/html/element/input/url/index.html b/files/en-us/web/html/element/input/url/index.html index 56c95dbd5567c00..e26e79b542f29d6 100644 --- a/files/en-us/web/html/element/input/url/index.html +++ b/files/en-us/web/html/element/input/url/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-url.html", "tabbed-shorter")}}
- -

The input value is automatically validated to ensure that it's either empty or a properly-formatted URL before the form can be submitted. The {{cssxref(":valid")}} and {{cssxref(":invalid")}} CSS pseudo-classes are automatically applied as appropriate to visually denote whether the current value of the field is a valid URL or not.

On browsers that don't support inputs of type url, a url input falls back to being a standard {{HTMLElement("input/text", "text")}} input.

@@ -118,13 +116,13 @@

{{htmlattrdef("maxlength")}}

The maximum number of characters (as UTF-16 code units) the user can enter into the url input. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the url input has no maximum length. This value must also be greater than or equal to the value of minlength.

-

The input will fail constraint validation if the length of the text value of the field is greater than maxlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

+

The input will fail constraint validation if the length of the text value of the field is greater than maxlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

{{htmlattrdef("minlength")}}

The minimum number of characters (as UTF-16 code units) the user can enter into the url input. This must be an non-negative integer value smaller than or equal to the value specified by maxlength. If no minlength is specified, or an invalid value is specified, the url input has no minimum length.

-

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

+

The input will fail constraint validation if the length of the text entered into the field is fewer than minlength UTF-16 code units long. Constraint validation is only applied when the value is changed by the user.

{{htmlattrdef("pattern")}}

diff --git a/files/en-us/web/html/element/input/week/index.html b/files/en-us/web/html/element/input/week/index.html index 25490f64e4b2649..3d6d9c4a481f86a 100644 --- a/files/en-us/web/html/element/input/week/index.html +++ b/files/en-us/web/html/element/input/week/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/input-week.html", "tabbed-shorter")}}
- -

The control's user interface varies from browser to browser; cross-browser support is currently a bit limited, with only Chrome/Opera and Microsoft Edge supporting it at this time. In non-supporting browsers, the control degrades gracefully to function identically to <input type="text">.

In Chrome/Opera the week control provides slots to fill in week and year values, a pop-up calendar interface to select them more visually, and an "X" button to clear the control's value.

@@ -111,13 +109,13 @@

Additional attributes

{{htmlattrdef("max")}}

-

The latest (time-wise) year and week number, in the string format discussed in the {{anch("Value")}} section above, to accept. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a valid week string, then the element has no maximum value.

+

The latest (time-wise) year and week number, in the string format discussed in the {{anch("Value")}} section above, to accept. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails constraint validation. If the value of the max attribute isn't a valid week string, then the element has no maximum value.

This value must be greater than or equal to the year and week specified by the min attribute.

{{htmlattrdef("min")}}

-

The earliest year and week to accept. If the {{htmlattrxref("value", "input")}} of the element is less than this, the element fails constraint validation. If a value is specified for min that isn't a valid week string, the input has no minimum value.

+

The earliest year and week to accept. If the {{htmlattrxref("value", "input")}} of the element is less than this, the element fails constraint validation. If a value is specified for min that isn't a valid week string, the input has no minimum value.

This value must be less than or equal to the value of the max attribute.

diff --git a/files/en-us/web/html/element/ins/index.html b/files/en-us/web/html/element/ins/index.html index 493aa8bb8c7d674..0504750f782012f 100644 --- a/files/en-us/web/html/element/ins/index.html +++ b/files/en-us/web/html/element/ins/index.html @@ -18,8 +18,6 @@
{{EmbedInteractiveExample("pages/tabbed/ins.html", "tabbed-standard")}}
- -
{{anch("formnovalidate")}}A Boolean which, if present, means the form's fields will not be subjected to constraint validation before submitting the data to the serverA Boolean which, if present, means the form's fields will not be subjected to constraint validation before submitting the data to the server
{{anch("formtarget")}}
@@ -100,7 +98,7 @@

Accessibility concerns

Specifications

diff --git a/files/en-us/web/html/element/kbd/index.html b/files/en-us/web/html/element/kbd/index.html index 4d2ae46fe60babf..5b1567c5c6742df 100644 --- a/files/en-us/web/html/element/kbd/index.html +++ b/files/en-us/web/html/element/kbd/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/kbd.html", "tabbed-shorter")}}
- -

<kbd> may be nested in various combinations with the {{HTMLElement("samp")}} (Sample Output) element to represent various forms of input or output based on visual cues.

diff --git a/files/en-us/web/html/element/label/index.html b/files/en-us/web/html/element/label/index.html index a875acf4d75abd8..b00d3faf208da91 100644 --- a/files/en-us/web/html/element/label/index.html +++ b/files/en-us/web/html/element/label/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/label.html", "tabbed-shorter")}}
- -

Associating a <label> with an {{htmlelement("input")}} element offers some major advantages:

diff --git a/files/en-us/web/html/element/li/index.html b/files/en-us/web/html/element/li/index.html index 3d857c985ad996a..68afa160a159ea3 100644 --- a/files/en-us/web/html/element/li/index.html +++ b/files/en-us/web/html/element/li/index.html @@ -14,8 +14,6 @@
{{EmbedInteractiveExample("pages/tabbed/li.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/link/index.html b/files/en-us/web/html/element/link/index.html index b235b9421407464..1f544e8ee37a60a 100644 --- a/files/en-us/web/html/element/link/index.html +++ b/files/en-us/web/html/element/link/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/link.html")}}
- -

To link an external stylesheet, you'd include a <link> element inside your {{HTMLElement("head")}} like this:

<link href="main.css" rel="stylesheet">
@@ -46,7 +44,7 @@ 
<link rel="preload" href="myFont.woff2" as="font"
       type="font/woff2" crossorigin="anonymous">
-

A rel value of preload indicates that the browser should preload this resource (see Preloading content with rel="preload" for more details), with the as attribute indicating the specific class of content being fetched. The crossorigin attribute indicates whether the resource should be fetched with a {{Glossary("CORS")}} request.

+

A rel value of preload indicates that the browser should preload this resource (see Preloading content with rel="preload" for more details), with the as attribute indicating the specific class of content being fetched. The crossorigin attribute indicates whether the resource should be fetched with a {{Glossary("CORS")}} request.

Other usage notes:

@@ -295,7 +293,7 @@

Stylesheet load events

Preload examples

-

You can find a number of <link rel="preload"> examples in Preloading content with rel="preload".

+

You can find a number of <link rel="preload"> examples in Preloading content with rel="preload".

Technical summary

diff --git a/files/en-us/web/html/element/main/index.html b/files/en-us/web/html/element/main/index.html index 7aa617a4b01110f..fa5c686f0f64b1b 100644 --- a/files/en-us/web/html/element/main/index.html +++ b/files/en-us/web/html/element/main/index.html @@ -15,8 +15,6 @@
{{EmbedInteractiveExample("pages/tabbed/main.html","tabbed-shorter")}}
- -

A document mustn't have more than one <main> element that doesn't have the {{htmlattrxref("hidden")}} attribute specified.

diff --git a/files/en-us/web/html/element/map/index.html b/files/en-us/web/html/element/map/index.html index d0876d8bd7d99ab..cc63ee3b2f53799 100644 --- a/files/en-us/web/html/element/map/index.html +++ b/files/en-us/web/html/element/map/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/map.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/mark/index.html b/files/en-us/web/html/element/mark/index.html index 73a10977b9f4bc9..5e82e17e8c596df 100644 --- a/files/en-us/web/html/element/mark/index.html +++ b/files/en-us/web/html/element/mark/index.html @@ -138,7 +138,7 @@

Accessibility concerns

Specifications

diff --git a/files/en-us/web/html/element/object/index.html b/files/en-us/web/html/element/object/index.html index 6f82d3b61b48b85..fa538ced0e41c89 100644 --- a/files/en-us/web/html/element/object/index.html +++ b/files/en-us/web/html/element/object/index.html @@ -15,8 +15,6 @@
{{EmbedInteractiveExample("pages/tabbed/object.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/ol/index.html b/files/en-us/web/html/element/ol/index.html index 3cd631007592515..caf0861755b379b 100644 --- a/files/en-us/web/html/element/ol/index.html +++ b/files/en-us/web/html/element/ol/index.html @@ -15,8 +15,6 @@
{{EmbedInteractiveExample("pages/tabbed/ol.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/optgroup/index.html b/files/en-us/web/html/element/optgroup/index.html index c13cc8e7c95f33c..7a8f9fd3537a4dc 100644 --- a/files/en-us/web/html/element/optgroup/index.html +++ b/files/en-us/web/html/element/optgroup/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/optgroup.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/option/index.html b/files/en-us/web/html/element/option/index.html index 00db7e31900932a..b817fb615e1b1f9 100644 --- a/files/en-us/web/html/element/option/index.html +++ b/files/en-us/web/html/element/option/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/option.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/p/index.html b/files/en-us/web/html/element/p/index.html index e3849bc0d7c16c5..8d7123da4b0636b 100644 --- a/files/en-us/web/html/element/p/index.html +++ b/files/en-us/web/html/element/p/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/p.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/picture/index.html b/files/en-us/web/html/element/picture/index.html index 82bd34e88eaef3c..080039a9fa2ec43 100644 --- a/files/en-us/web/html/element/picture/index.html +++ b/files/en-us/web/html/element/picture/index.html @@ -21,8 +21,6 @@
{{EmbedInteractiveExample("pages/tabbed/picture.html", "tabbed-standard")}}
- -

To decide which URL to load, the {{Glossary("user agent")}} examines each <source>'s {{htmlattrxref("srcset", "source")}}, {{htmlattrxref("media", "source")}}, and {{htmlattrxref("type", "source")}} attributes to select a compatible image that best matches the current layout and capabilities of the display device.

The <img> element serves two purposes:

diff --git a/files/en-us/web/html/element/pre/index.html b/files/en-us/web/html/element/pre/index.html index db67689ac62cff2..4169835e8f1dafe 100644 --- a/files/en-us/web/html/element/pre/index.html +++ b/files/en-us/web/html/element/pre/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/pre.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/progress/index.html b/files/en-us/web/html/element/progress/index.html index c36cd2183d4adc7..78023ff15a8a346 100644 --- a/files/en-us/web/html/element/progress/index.html +++ b/files/en-us/web/html/element/progress/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/progress.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/q/index.html b/files/en-us/web/html/element/q/index.html index 934c3f94cd61ce6..2e959de556e7650 100644 --- a/files/en-us/web/html/element/q/index.html +++ b/files/en-us/web/html/element/q/index.html @@ -21,8 +21,6 @@
{{EmbedInteractiveExample("pages/tabbed/q.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/rt/index.html b/files/en-us/web/html/element/rt/index.html index 29bb10acdd3fbb4..6144973f5269feb 100644 --- a/files/en-us/web/html/element/rt/index.html +++ b/files/en-us/web/html/element/rt/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/rt.html", "tabbed-shorter")}}
- -

See the article about the {{HTMLElement("ruby")}} element for more examples.

diff --git a/files/en-us/web/html/element/s/index.html b/files/en-us/web/html/element/s/index.html index 544cec3da4455ea..1c222eb74e52163 100644 --- a/files/en-us/web/html/element/s/index.html +++ b/files/en-us/web/html/element/s/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/s.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/samp/index.html b/files/en-us/web/html/element/samp/index.html index d863f1bf6be6d61..114c4eb0343b16e 100644 --- a/files/en-us/web/html/element/samp/index.html +++ b/files/en-us/web/html/element/samp/index.html @@ -18,8 +18,6 @@
{{EmbedInteractiveExample("pages/tabbed/samp.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/section/index.html b/files/en-us/web/html/element/section/index.html index 8191d32a8dd402d..d02b53e638a0f94 100644 --- a/files/en-us/web/html/element/section/index.html +++ b/files/en-us/web/html/element/section/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/section.html", "tabbed-standard")}}
- -
@@ -164,7 +162,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/select/index.html b/files/en-us/web/html/element/select/index.html index 8e2bd1a6eb52895..9ee1a03cb6fe34f 100644 --- a/files/en-us/web/html/element/select/index.html +++ b/files/en-us/web/html/element/select/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/select.html", "tabbed-standard")}}
- -

The above example shows typical <select> usage. It is given an id attribute to enable it to be associated with a {{htmlelement("label")}} for accessibility purposes, as well as a name attribute to represent the name of the associated data point submitted to the server. Each menu option is defined by an {{htmlelement("option")}} element nested inside the <select>.

Each <option> element should have a {{htmlattrxref("value", "option")}} attribute containing the data value to submit to the server when that option is selected. If no value attribute is included, the value defaults to the text contained inside the element. You can include a {{htmlattrxref("selected")}} attribute on an <option> element to make it selected by default when the page first loads.

diff --git a/files/en-us/web/html/element/small/index.html b/files/en-us/web/html/element/small/index.html index cc0e9082c777efd..1de3eb4f429a910 100644 --- a/files/en-us/web/html/element/small/index.html +++ b/files/en-us/web/html/element/small/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/small.html", "tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/source/index.html b/files/en-us/web/html/element/source/index.html index 824c811a0a3c747..64622193139bc4d 100644 --- a/files/en-us/web/html/element/source/index.html +++ b/files/en-us/web/html/element/source/index.html @@ -17,8 +17,6 @@

{{EmbedInteractiveExample("pages/tabbed/source.html", "tabbed-standard")}}

- -
diff --git a/files/en-us/web/html/element/span/index.html b/files/en-us/web/html/element/span/index.html index f6ab70da016f410..cb9f842116fbbe3 100644 --- a/files/en-us/web/html/element/span/index.html +++ b/files/en-us/web/html/element/span/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}}
- -
@@ -118,7 +116,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/style/index.html b/files/en-us/web/html/element/style/index.html index da8cb002b00c518..30a7b4f747fcaae 100644 --- a/files/en-us/web/html/element/style/index.html +++ b/files/en-us/web/html/element/style/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/style.html", "tabbed-standard")}}
- -

The <style> element must be included inside the {{htmlelement("head")}} of the document. In general, it is better to put your styles in external stylesheets and apply them using {{htmlelement("link")}} elements.

If you include multiple <style> and <link> elements in your document, they will be applied to the DOM in the order they are included in the document — make sure you include them in the correct order, to avoid unexpected cascade issues.

diff --git a/files/en-us/web/html/element/summary/index.html b/files/en-us/web/html/element/summary/index.html index cac33555fb5a421..ebc45112fb05351 100644 --- a/files/en-us/web/html/element/summary/index.html +++ b/files/en-us/web/html/element/summary/index.html @@ -19,8 +19,6 @@
{{EmbedInteractiveExample("pages/tabbed/summary.html","tabbed-shorter")}}
- -
diff --git a/files/en-us/web/html/element/table/index.html b/files/en-us/web/html/element/table/index.html index 52f0f56926a8ed6..912d46aadbe3621 100644 --- a/files/en-us/web/html/element/table/index.html +++ b/files/en-us/web/html/element/table/index.html @@ -18,8 +18,6 @@
{{EmbedInteractiveExample("pages/tabbed/table.html","tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/tbody/index.html b/files/en-us/web/html/element/tbody/index.html index 30bdd252aee2460..ee2ace848837d54 100644 --- a/files/en-us/web/html/element/tbody/index.html +++ b/files/en-us/web/html/element/tbody/index.html @@ -19,8 +19,6 @@
{{EmbedInteractiveExample("pages/tabbed/tbody.html","tabbed-taller")}}
- -

The <tbody> element, along with its cousins {{HTMLElement("thead")}} and {{HTMLElement("tfoot")}}, provide useful semantic information that can be used when rendering for either screen or printer as well as for {{Glossary("accessibility")}} purposes.

diff --git a/files/en-us/web/html/element/td/index.html b/files/en-us/web/html/element/td/index.html index 3f5755cb7adff71..46962102522d1e3 100644 --- a/files/en-us/web/html/element/td/index.html +++ b/files/en-us/web/html/element/td/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/td.html","tabbed-taller")}}
- -
diff --git a/files/en-us/web/html/element/textarea/index.html b/files/en-us/web/html/element/textarea/index.html index 53d57bad0d31e29..834d9e2cec6d12f 100644 --- a/files/en-us/web/html/element/textarea/index.html +++ b/files/en-us/web/html/element/textarea/index.html @@ -17,8 +17,6 @@
{{EmbedInteractiveExample("pages/tabbed/textarea.html", "tabbed-standard")}}
- -

The above example demonstrates a number of features of <textarea>:

diff --git a/files/en-us/web/html/element/th/index.html b/files/en-us/web/html/element/th/index.html index ad0e80eef58059c..b8429976a4e1211 100644 --- a/files/en-us/web/html/element/th/index.html +++ b/files/en-us/web/html/element/th/index.html @@ -23,8 +23,6 @@
{{EmbedInteractiveExample("pages/tabbed/th.html","tabbed-taller")}}
- -
diff --git a/files/en-us/web/html/element/thead/index.html b/files/en-us/web/html/element/thead/index.html index 8525a0b1e999f43..56c72748181641b 100644 --- a/files/en-us/web/html/element/thead/index.html +++ b/files/en-us/web/html/element/thead/index.html @@ -16,8 +16,6 @@
{{EmbedInteractiveExample("pages/tabbed/thead.html","tabbed-taller")}}
- -
diff --git a/files/en-us/web/html/element/tr/index.html b/files/en-us/web/html/element/tr/index.html index 9b347630c6d49f1..5b4dbd4b2e5251d 100644 --- a/files/en-us/web/html/element/tr/index.html +++ b/files/en-us/web/html/element/tr/index.html @@ -19,8 +19,6 @@
{{EmbedInteractiveExample("pages/tabbed/tr.html","tabbed-taller")}}
- -

To provide additional control over how cells fit into (or span across) columns, both <th> and <td> support the {{htmlattrxref("colspan", "td")}} attribute, which lets you specify how many columns wide the cell should be, with the default being 1. Similarly, you can use the {{htmlattrxref("rowspan", "td")}} attribute on cells to indicate they should span more than one table row.

This can take a little practice to get right when building your tables. We have some {{anch("Examples", "examples")}} below, but for more examples and an in-depth tutorial, see the HTML tables series in our Learn web development area, where you'll learn how to use the table elements and their attributes to get just the right layout and formatting for your tabular data.

diff --git a/files/en-us/web/html/element/track/index.html b/files/en-us/web/html/element/track/index.html index d3eb746502dd7a3..3bd18241d82c94f 100644 --- a/files/en-us/web/html/element/track/index.html +++ b/files/en-us/web/html/element/track/index.html @@ -22,8 +22,6 @@
{{EmbedInteractiveExample("pages/tabbed/track.html", "tabbed-standard")}}
- -
@@ -170,7 +168,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also

diff --git a/files/en-us/web/html/element/ul/index.html b/files/en-us/web/html/element/ul/index.html index 7796099345918ee..ffd52cdbc023f3a 100644 --- a/files/en-us/web/html/element/ul/index.html +++ b/files/en-us/web/html/element/ul/index.html @@ -14,8 +14,6 @@
{{EmbedInteractiveExample("pages/tabbed/ul.html", "tabbed-standard")}}
- -
diff --git a/files/en-us/web/html/element/video/index.html b/files/en-us/web/html/element/video/index.html index d94a7ff7b273229..6062d59e3e6a163 100644 --- a/files/en-us/web/html/element/video/index.html +++ b/files/en-us/web/html/element/video/index.html @@ -26,8 +26,6 @@
{{EmbedInteractiveExample("pages/tabbed/video.html", "tabbed-standard")}}
- -

The above example shows simple usage of the <video> element. In a similar manner to the {{htmlelement("img")}} element, we include a path to the media we want to display inside the src attribute; we can include other attributes to specify information such as video width and height, whether we want it to autoplay and loop, whether we want to show the browser's default video controls, etc.

The content inside the opening and closing <video></video> tags is shown as a fallback in browsers that don't support the element.

diff --git a/files/en-us/web/html/element/wbr/index.html b/files/en-us/web/html/element/wbr/index.html index 7ade2acf764657d..04bdba7c5fec12b 100644 --- a/files/en-us/web/html/element/wbr/index.html +++ b/files/en-us/web/html/element/wbr/index.html @@ -15,8 +15,6 @@
{{EmbedInteractiveExample("pages/tabbed/wbr.html", "tabbed-shorter")}}
- -
@@ -97,7 +95,6 @@

Specifications

Browser compatibility

-

{{Compat}}

See also