Optional[Optional[Optional[Optional[UISelection]Optional[UIValue]ReadonlyaccessReadonlyassignedReadonlyATTRIBUTE_ReadonlyattributesReadonlyattributeReadonlybaseURIReturns node's node document's document base URL.
ReadonlyCDATA_node is a CDATASection node.
the checked state of a radio button or checkbox.
ReadonlychildReadonlychildReturns the children.
ReadonlychildrenReturns the child elements.
ReadonlyclassAllows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.
Returns the value of element's class content attribute. Can be set to change it.
ReadonlyclientReadonlyclientReadonlyclientReadonlyclientReadonlyCOMMENT_node is a Comment node.
ReadonlycurrentCSSZoomReadonlydatasetwhether or not this element is disabled. Disabled elements do not participate in constraint validation or form submission and are not focusable.
ReadonlyDOCUMENT_node is a DocumentFragment node.
ReadonlyDOCUMENT_node is a document.
ReadonlyDOCUMENT_Set when other is a descendant of node.
ReadonlyDOCUMENT_Set when other is an ancestor of node.
ReadonlyDOCUMENT_Set when node and other are not in the same tree.
ReadonlyDOCUMENT_Set when other is following node.
ReadonlyDOCUMENT_ReadonlyDOCUMENT_Set when other is preceding node.
ReadonlyDOCUMENT_node is a doctype.
ReadonlyELEMENT_node is an element.
Optionalendset the value of the upper slider of a [type=range][multiple] input
ReadonlyENTITY_ReadonlyENTITY_ReadonlyfirstReturns the first child.
ReadonlyfirstReturns the first child that is an element, and null otherwise.
When true, this forces the user to select a suggestion. That is, any custom typed value will not be added to the selected values or the surrounding form
Returns the value of element's id content attribute. Can be set to change it.
Optionalindeterminatethe indeterminate attribute means that e.g. a [type=checkbox]
might relate to children of which some are checked and some are not
ReadonlyisReturns true if node is connected and false otherwise.
ReadonlyisReadonlylastReturns the last child.
ReadonlylastReturns the last child that is an element, and null otherwise.
ReadonlylocalReturns the local name.
OptionalmaxThe maximum valid value. Should be a number in case of [type=number] and an ISO8601 date string for [type=date]
In case of [multiple] at most this amount of values
may be selected
Optionalmaxlengththe maximum length for values to still be valid. Only works with [type=text] and [type=search].
If this is overrun the [too-long] attribute will be used as the
[data-validationmessage] attribute.
OptionalminThe minimum valid value.
Should be a number in case of [type=number] and an ISO8601 date string for [type=date].
In case of [multiple] at least this amount of values
must be selected
Optionalminlengththe minimum length required for values to be valid. Only works with [type=text] and [type=search].
If this is underrun the [too-short] attribute will be used as the
[data-validationmessage] attribute.
enable multiple values.
Optionalnamethe name attribute is necessary to provide if you want this element to participate in a surrounding form
ReadonlynamespaceURIReturns the namespace.
ReadonlynextReturns the first following sibling that is an element, and null otherwise.
ReadonlynextReturns the next sibling.
ReadonlynodeReturns a string appropriate for the type of node.
ReadonlynodeReturns the type of node.
OptionalnonceReadonlyNOTATION_ReadonlyoffsetReadonlyoffsetReadonlyoffsetReadonlyoffsetReadonlyoffsetOptionalomitvalueomit the value of the .value attribute. According to the passed value and the .type this has different meanings.
| value | type | behaviour |
|---|---|---|
| undefined, false, not present | text | the .value attribute is included in every aspect |
| true, present | text | the same as "form" |
| "form" | text | the value is omitted from the surrounding form values |
Fires when the user aborts the download.
Fires when the object loses the input focus.
Occurs when playback is possible, but would require further buffering.
Fires when the contents of the object or selection have changed.
Fires when the user clicks the left mouse button on the object
Fires when the user clicks the right mouse button in the client area, opening the context menu.
Fires when the user double-clicks the object.
Fires on the source object continuously during a drag operation.
Fires on the source object when the user releases the mouse at the close of a drag operation.
Fires on the target element when the user drags the object to a valid drop target.
Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.
Fires on the target element continuously while the user drags the object over a valid drop target.
Fires on the source object when the user starts to drag a text selection or selected object.
Occurs when the duration attribute is updated.
Occurs when the media element is reset to its initial state.
Occurs when the end of playback is reached.
Fires when an error occurs during object loading.
Fires when the object receives focus.
Fires when the user presses a key.
Fires when the user presses an alphanumeric key.
Fires when the user releases a key.
Fires immediately after the browser loads the object.
Occurs when media data is loaded at the current playback position.
Occurs when the duration and dimensions of the media have been determined.
Occurs when Internet Explorer begins looking for media data.
Fires when the user clicks the object with either mouse button.
Fires when the user moves the mouse over the object.
Fires when the user moves the mouse pointer outside the boundaries of the object.
Fires when the user moves the mouse pointer into the object.
Fires when the user releases a mouse button while the mouse is over the object.
Occurs when playback is paused.
Occurs when the play method is requested.
Occurs when the audio or video has started playing.
Occurs to indicate progress while downloading media data.
Occurs when the playback rate is increased or decreased.
Fires when the user resets a form.
Fires when the user repositions the scroll box in the scroll bar on the object.
Occurs when the seek operation ends.
Occurs when the current playback position is moved.
Fires when the current selection changes.
Occurs when the download has stopped.
Occurs if the load operation has been intentionally halted.
Occurs to indicate the current playback position.
OptionalontouchcancelOptionalontouchendOptionalontouchmoveOptionalontouchstartOccurs when the volume is changed, or playback is muted or unmuted.
Occurs when playback stops because the next frame of a video resource is not available.
ReadonlyownerReturns the node document. Returns null for documents.
ReadonlyparentReturns the parent element.
ReadonlyparentReturns the parent.
ReadonlypartOptionalpatternthe pattern the value should match.
In the case of [type=date] this will fall back to a default pattern representing a UTS35 format string.
This format string is determined by the closest detected locale.
Optionalpattern-the given validation message for pattern mismatch
Optionalpattern-the given validation severity for values that do not match the provided pattern.
Only "error" will prevent form submission and trigger :invalid css selectors.
OptionalplaceholderThe placeholder to show when the input is empty.
TODO: use this to enable custom date part placeholders
ReadonlyprefixReturns the namespace prefix.
ReadonlypreviousReturns the first preceding sibling that is an element, and null otherwise.
ReadonlypreviousReturns the previous sibling.
ReadonlyPROCESSING_node is a ProcessingInstruction node.
Optionalrange-the given validation message for range overflows
Optionalrange-the given validation severity for values that are too high.
Only "error" will prevent form submission and trigger :invalid css selectors.
Optionalrange-the given validation message for range underflows
Optionalrange-the given validation severity for values that are too low.
Only "error" will prevent form submission and trigger :invalid css selectors.
indicates that the whole input is readonly. This means changing it won't be possible but it will still be focusable.
Provided suggestions will also not show in this case as selecting them would not have any effect.
If you only want to make a textbox readonly you should set aria-readonly="true" on a given [part=root] element.
if this is not fulfilled the value-missing attribute
will be used for the [data-validationmessage] attribute.
ReadonlyscrollReadonlyscrollReadonlyshadowReturns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.
Returns the value of element's slot content attribute. Can be set to change it.
Optionalstartset the value of the lower slider of a [type=range][multiple] input
OptionalstepReadonlystyleReadonlytagReturns the HTML-uppercased qualified name.
ReadonlyTEXT_node is a Text node.
Optionaltoo-the given validation message for content that isn't long enough
Optionaltoo-the given validation severity for values that are too long.
Only "error" will prevent form submission and trigger :invalid css selectors.
Optionaltoo-the given validation message for content that isn't long enough
Optionaltoo-the given validation severity for values that are too short.
Only "error" will prevent form submission and trigger :invalid css selectors.
Akin to the native elements type this determines the type of input rendered.
Note that contrary to native input elements this will also change the type of the value IDL attribute.
Detailed documentation is available in the respective type modules
Optionalvaluethe current value of this uwc-inputs "primary element".
What the "primary element" is depends on the given type.
For [type=text] this is a textbox and the value would be a string. For
[type=number] it is still a textbox but its type would be number.
For other element types, such as [type=radio] it would be whatever the [value]
attribute is set to.
Optionalvalue-the given validation message for missing values.
Optionalvalue-the given validation severity for missing values.
Only "error" will prevent form submission and trigger :invalid css selectors.
StaticconfigStatic ReadonlySLOT_add this attribute name to an element with a template to transfer the white-space separated list of attribute names to this element upon selection of a suggestion
the closest surrounding form element.
if this input has no name set null is returned because
it does not participate in the forms API
the current locale as given by the closest [lang] attribute
the current values of this element as an Array. May include multiple entries if [multiple] is set.
get the current validation message
get the current validity state
Optionaloptions: boolean | AddEventListenerOptionsadd elements unconditionally to the values list.
While you may pass any element here only ValueElements are going to be accepted
Rest...elements: HTMLElement[]Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.
Returns the first element that is a descendant of node that matches selectors.
Returns all element descendants of node that match selectors.
Optionaloptions: boolean | EventListenerOptionsremove elements unconditionally from the values list. Passing the magic string "all" will remove all currently selected elements.
While you may pass any element here only ValueElements are going to be accepted.
Elements that aren't found in the values list will be ignored.
Rest...__namedParameters: [HTMLElement | "all", ...HTMLElement[]]Displays element fullscreen and resolves promise when done.
When supplied, options's navigationUI member indicates whether showing navigation UI while in fullscreen is preferred or not. If set to "show", navigation simplicity is preferred over screen space, and if set to "hide", more screen space is preferred. User agents are always free to honor user preference over the application's. The default value "auto" indicates no application preference.
Optionaloptions: FullscreenOptionsIf force is not given, "toggles" qualifiedName, removing it if it is present and adding it if it is not present. If force is true, adds qualifiedName. If force is false, removes qualifiedName.
Returns true if qualifiedName is now present, and false otherwise.
Optionalforce: boolean
An input element
For more documentation please consult the module documentation