{{ APIRef("HTML DOM") }}{{SeeCompatTable}}
@@ -31,6 +31,6 @@The lostpointercapture event is fired when a captured pointer is released.
The lostpointercapture event is fired when a captured pointer is released.
| Event handler property | -onlostpointercapture |
+ onlostpointercapture |
|---|
The oncopy property of the {{domxref("HTMLElement")}}
interface is an {{domxref("EventHandler")}} that processes
diff --git a/files/en-us/web/api/htmlelement/outertext/index.html b/files/en-us/web/api/htmlelement/outertext/index.html
index dd35ccb9856f2dc..0db329315553cf7 100644
--- a/files/en-us/web/api/htmlelement/outertext/index.html
+++ b/files/en-us/web/api/htmlelement/outertext/index.html
@@ -11,7 +11,7 @@
---
HTMLElement.outerText is a non-standard property. As a getter, it returns the same value as {{domxref("Node.innerText")}}. As a setter, it removes the current node and replaces it with the given text.
HTMLElement.outerText is a non-standard property. As a getter, it returns the same value as {{domxref("HTMLElement.innerText")}}. As a setter, it removes the current node and replaces it with the given text.
The pointermove event is fired when a pointer changes coordinates, and the pointer has not been canceled by a browser touch-action.
The pointermove event is fired when a pointer changes coordinates, and the pointer has not been canceled by a browser touch-action.
| {{domxref("HTMLElement.blur()", "blur()")}} | +{{domxref("HTMLOrForeignElement/blur", "blur()")}} | Removes focus from the input element; keystrokes will subsequently go nowhere. |
| Simulates a click on the input element. | ||
| {{domxref("HTMLElement.focus()", "focus()")}} | +{{domxref("HTMLOrForeignElement/focus", "focus()")}} | Focuses on the input element; keystrokes will subsequently go to this element. |
This event can be useful for displaying a summary of the problems with a form on submission. When a form is submitted, invalid events are fired at each form control that is invalid. The validity of submittable elements is checked before submitting their owner {{HtmlElement("form")}}, or after the checkValidity() method of the element or its owner <form> is called.
This event can be useful for displaying a summary of the problems with a form on submission. When a form is submitted, invalid events are fired at each form control that is invalid. The validity of submittable elements is checked before submitting their owner {{HtmlElement("form")}}, or after the checkValidity() method of the element or its owner <form> is called.
It is not checked on {{domxref("Element/blur_event", "blur")}}.
diff --git a/files/en-us/web/api/htmlinputelement/multiple/index.html b/files/en-us/web/api/htmlinputelement/multiple/index.html index b32eb7ecaca8c89..2901735358db2e2 100644 --- a/files/en-us/web/api/htmlinputelement/multiple/index.html +++ b/files/en-us/web/api/htmlinputelement/multiple/index.html @@ -34,7 +34,7 @@There are several ways a search can be initiated, such as by pressing Enter while the {{HTMLElement("input")}} is focused, or, if the incremental attribute is present, after a UA-defined timeout elapses since the most recent keystroke (with new keystrokes resetting the timeout so the firing of the event is debounced).
There are several ways a search can be initiated, such as by pressing Enter while the {{HTMLElement("input")}} is focused, or, if the incremental attribute is present, after a UA-defined timeout elapses since the most recent keystroke (with new keystrokes resetting the timeout so the firing of the event is debounced).
Current UA implementations of <input type="search"> have an additional control to clear the field. Using this control also fires the search event. In that case the value of the {{HTMLElement("input")}} element will be the empty string.
Calling element.select() will not necessarily focus the input, so it is
- often used with {{domxref("HTMLElement.focus()")}}.
In browsers where it is not supported, it is possible to replace it with a call to HTMLInputElement.setSelectionRange() with diff --git a/files/en-us/web/api/htmlinputelement/stepdown/index.html b/files/en-us/web/api/htmlinputelement/stepdown/index.html index 5f1b7193b1e75c6..dca8d9f7e25a26e 100644 --- a/files/en-us/web/api/htmlinputelement/stepdown/index.html +++ b/files/en-us/web/api/htmlinputelement/stepdown/index.html @@ -2,12 +2,12 @@ title: HTMLInputElement.stepDown() slug: Web/API/HTMLInputElement/stepDown tags: -- API -- HTML DOM -- HTMLInputElement -- Method -- Reference -- Text Field Selection API + - API + - HTML DOM + - HTMLInputElement + - Method + - Reference + - Text Field Selection API ---
1.
<!-- decrements by intervals of 900 seconds (15 minute) --> -+<input type="month" max="2019-12" step="12"><input type="time" max="17:00" step="900">+<input type="time" max="17:00" step="900"> <!-- decrements by intervals of 7 days (one week) --> -<input type="date" max="2019-12-25" step="7">+<input type="date" max="2019-12-25" step="7"> <!-- decrements by intervals of 12 months (one year) --> -<input type="month" max="2019-12" step="12">
The method, when invoked, changes the form control's value by the value given in the
step attribute, multiplied by the parameter, within the constraints set
diff --git a/files/en-us/web/api/htmlkeygenelement/index.html b/files/en-us/web/api/htmlkeygenelement/index.html
index f222db32cff4b38..0162910fb0b1705 100644
--- a/files/en-us/web/api/htmlkeygenelement/index.html
+++ b/files/en-us/web/api/htmlkeygenelement/index.html
@@ -20,25 +20,25 @@
Boolean that reflects the {{ htmlattrxref("autofocus", "keygen") }} HTML attribute, indicating that the form control should have input focus when the page loads.Boolean that reflects the {{ htmlattrxref("autofocus", "keygen") }} HTML attribute, indicating that the form control should have input focus when the page loads.DOMString that reflects the {{ htmlattrxref("challenge", "keygen") }} HTML attribute, containing a challenge string that is packaged with the submitted key.DOMString that reflects the {{ htmlattrxref("challenge", "keygen") }} HTML attribute, containing a challenge string that is packaged with the submitted key.HTMLFormElement that indicates the control's form owner, reflecting the {{ htmlattrxref("form", "keygen") }} HTML attribute if it is defined.HTMLFormElement that indicates the control's form owner, reflecting the {{ htmlattrxref("form", "keygen") }} HTML attribute if it is defined.DOMString that reflects the {{ htmlattrxref("keytype", "keygen") }} HTML attribute, containing the type of key used.DOMString that reflects the {{ htmlattrxref("keytype", "keygen") }} HTML attribute, containing the type of key used.NodeList that represents a list of label elements associated with this keygen element.NodeList that represents a list of label elements associated with this keygen element.DOMString that reflects the {{ htmlattrxref("name", "keygen") }} HTML attribute, containing the name for the control that is submitted with form data.DOMString that reflects the {{ htmlattrxref("name", "keygen") }} HTML attribute, containing the name for the control that is submitted with form data.DOMString that must be the value keygen.DOMString that must be the value keygen.DOMString representing a localized message that describes the validation constraints that the control does not satisfy (if any). This is the empty string if the control is not a candidate for constraint validation (willValidate is false), or it satisfies its constraints.DOMString representing a localized message that describes the validation constraints that the control does not satisfy (if any). This is the empty string if the control is not a candidate for constraint validation (willValidate is false), or it satisfies its constraints.ValidityState representing the validity states that this element is in.Boolean that is always false because keygen objects are never candidates for constraint validation.Boolean that is always false because keygen objects are never candidates for constraint validation.checkValidity()BooleanBooleankeygen objects are never candidates for constraint validation.Boolean which represents whether the link is disabled; currently only used with style sheet links.The HTMLMediaElement.crossOrigin property is the CORS setting for this image element. See CORS settings attributes for details.
The HTMLMediaElement.crossOrigin property is the CORS setting for this image element. See CORS settings attributes for details.
DOMTokenList takes one or more of three possible values: nodownload, nofullscreen, and noremoteplayback.Is a unsigned long that indicates the number of samples that will be returned in the framebuffer of each MozAudioAvailable event. This number is a total for all channels, and by default is set to be the number of channels * 1024 (e.g., 2 channels * 1024 samples = 2048 total).
The mozFrameBufferLength property can be set to a new value for lower latency, larger amounts of data, etc. The size given must be a number between 512 and 16384. Using any other size results in an exception being thrown. The best time to set a new length is after the loadedmetadata event fires, when the audio info is known, but before the audio has started or MozAudioAvailable events have begun firing.
The mozFrameBufferLength property can be set to a new value for lower latency, larger amounts of data, etc. The size given must be a number between 512 and 16384. Using any other size results in an exception being thrown. The best time to set a new length is after the loadedmetadata event fires, when the audio info is known, but before the audio has started or MozAudioAvailable events have begun firing.
double representing the number of samples per second that will be played. For example, 44100 samples per second is the sample rate used by CD audio.{key: value} pairs. A separate copy of the data is returned each time the method is called. This method must be called after the loadedmetadata event fires.{key: value} pairs. A separate copy of the data is returned each time the method is called. This method must be called after the loadedmetadata event fires.load() except that instead of running the normal resource selection algorithm, the source is set to the other element's currentSrc. This is optimized so this element gets access to all of the other element's cached and buffered data; in fact, the two elements share downloaded data, so data downloaded by either element is available to both.change,
+ change,
addtrack
and
removetrack
diff --git a/files/en-us/web/api/htmloptionelement/option/index.html b/files/en-us/web/api/htmloptionelement/option/index.html
index 6360efe4a46dafa..eb6da4fb6b60f02 100644
--- a/files/en-us/web/api/htmloptionelement/option/index.html
+++ b/files/en-us/web/api/htmloptionelement/option/index.html
@@ -2,14 +2,14 @@
title: Option()
slug: Web/API/HTMLOptionElement/Option
tags:
-- API
-- Constructor
-- HTML DOM
-- HTMLOptionElement
-- NeedsBrowserCompatibility
-- NeedsContent
-- NeedsExample
-- NeedsSpecTable
+ - API
+ - Constructor
+ - HTML DOM
+ - HTMLOptionElement
+ - NeedsBrowserCompatibility
+ - NeedsContent
+ - NeedsExample
+ - NeedsSpecTable
---
+*//* assuming we have the following HTML -<select id="s"> +var options = [ 'zero', 'one', 'two' ];/* assuming we have the following HTML +<select id="s"> <option>First</option> <option>Second</option> <option>Third</option> @@ -76,27 +76,27 @@Append options with different */ var s = document.getElementById('s'); -
+var options = [ 'zero', 'one', 'two' ]; -options.forEach(function(element, key) {+options.forEach(function(element, key) { if (element == 'zero') { s[s.options.length] = new Option(element, s.options.length, false, false); } if (element == 'one') { - s[s.options.length] = new Option(element, s.options.length, true, false); // Will add the "selected" attribute + s[s.options.length] = new Option(element, s.options.length, true, false); // Will add the "selected" attribute } if (element == 'two') { - s[s.options.length] = new Option(element, s.options.length, false, true); // Just will be selected in "view" + s[s.options.length] = new Option(element, s.options.length, false, true); // Just will be selected in "view" } -}); +}); /* Result -<select id="s"> - <option value="0">zero</option> - <option value="1" selected="">one</option> - <option value="2">two</option> // User will see this as 'selected' +<select id="s"> + <option value="0">zero</option> + <option value="1" selected="">one</option> + <option value="2">two</option> // User will see this as 'selected' </select> -*/
{{InheritanceDiagram}}
@@ -32,7 +32,7 @@lengthunsigned long