Class Input
The input element represents a form control that allows users to input data. It is a void element that can take many different forms depending on the type attribute, including text fields, checkboxes, radio buttons, file uploads, and more. The input element is one of the most versatile and commonly used form controls in HTML.
Examples:
The following convenience methods are provided for constructing instances of this bean:
See Also:
-
Constructor Summary
Constructors -
Method Summary
Modifier and TypeMethodDescriptionclass attribute.accept attribute.accesskey attribute.alt attribute.Adds an arbitrary attribute to this element.Adds an arbitrary URI attribute to this element.autocomplete(String value) autocomplete attribute.autofocus attribute.checked attribute.contenteditable(Object value) contenteditable attribute.dir attribute.dirname attribute.disabled attribute.form attribute.formaction(String value) formaction attribute.formenctype(String value) formenctype attribute.formmethod(String value) formmethod attribute.formnovalidate(String value) formnovalidate attribute.formtarget(String value) formtarget attribute.height attribute.hidden attribute.id attribute.inputmode attribute.lang attribute.list attribute.max attribute.maxlength attribute.min attribute.minlength attribute.multiple attribute.name attribute.onabort attribute.onblur attribute.oncancel attribute.oncanplay attribute.oncanplaythrough(String value) oncanplaythrough attribute.onchange attribute.onclick attribute.oncuechange(String value) oncuechange attribute.ondblclick(String value) ondblclick attribute.ondurationchange(String value) ondurationchange attribute.onemptied attribute.onended attribute.onerror attribute.onfocus attribute.oninput attribute.oninvalid attribute.onkeydown attribute.onkeypress(String value) onkeypress attribute.onkeyup attribute.onload attribute.onloadeddata(String value) onloadeddata attribute.onloadedmetadata(String value) onloadedmetadata attribute.onloadstart(String value) onloadstart attribute.onmousedown(String value) onmousedown attribute.onmouseenter(String value) onmouseenter attribute.onmouseleave(String value) onmouseleave attribute.onmousemove(String value) onmousemove attribute.onmouseout(String value) onmouseout attribute.onmouseover(String value) onmouseover attribute.onmouseup attribute.onmousewheel(String value) onmousewheel attribute.onpause attribute.onplay attribute.onplaying attribute.onprogress(String value) onprogress attribute.onratechange(String value) onratechange attribute.onreset attribute.onresize attribute.onscroll attribute.onseeked attribute.onseeking attribute.onselect attribute.onshow attribute.onstalled attribute.onsubmit attribute.onsuspend attribute.ontimeupdate(String value) ontimeupdate attribute.ontoggle attribute.onvolumechange(String value) onvolumechange attribute.onwaiting attribute.pattern attribute.placeholder(String value) placeholder attribute.readonly(boolean value) readonly attribute.readonly attribute.required attribute.size attribute.spellcheck(Object value) spellcheck attribute.src attribute.step attribute.style attribute.tabindex attribute.title attribute.translate attribute.type attribute.value attribute.width attribute.Methods inherited from class org.apache.juneau.bean.html5.HtmlElement
deminimize, getAttr, getAttr, getAttrs, setAttrs, toString
-
Constructor Details
-
Input
public Input()Creates an emptyInputelement. -
Input
Creates anInputelement with the specifiedtype(String)attribute.- Parameters:
type- Thetype(String)attribute.
-
-
Method Details
-
_class
Description copied from class:HtmlElementclass attribute.Specifies one or more CSS class names for the element, separated by spaces. These classes can be used for styling and JavaScript selection.
- Overrides:
_classin classHtmlElementVoid- Parameters:
value- Space-separated CSS class names (e.g.,"btn btn-primary" ).- Returns:
- This object.
-
accept
accept attribute.Specifies which file types the file input should accept. Used with
type="file" .Examples:
"image/*" - Accept all image files".pdf,.doc,.docx" - Accept specific file extensions"image/png,image/jpeg" - Accept specific MIME types
- Parameters:
value- File type restrictions for file uploads.- Returns:
- This object.
-
accesskey
Description copied from class:HtmlElementaccesskey attribute.Defines a keyboard shortcut to activate or focus an element. The value should be a single character that, when pressed with a modifier key (usually Alt), activates the element.
- Overrides:
accesskeyin classHtmlElementVoid- Parameters:
value- The keyboard shortcut character (e.g.,"a" ,"1" ).- Returns:
- This object.
-
alt
alt attribute.Alternative text for image submit buttons. Used with
type="image" to provide accessible text when the image cannot be displayed.- Parameters:
value- Alternative text for image submit buttons.- Returns:
- This object.
-
attr
Description copied from class:HtmlElementAdds an arbitrary attribute to this element.- Overrides:
attrin classHtmlElementVoid- Parameters:
key- The attribute name.val- The attribute value.- Returns:
- This object.
-
attrUri
Description copied from class:HtmlElementAdds an arbitrary URI attribute to this element.Same as
HtmlElement.attr(String, Object), except if the value is a string that appears to be a URI (e.g."servlet:/xxx" ).The value can be of any of the following types:
URI,URL,String. Strings must be valid URIs.URIs defined by
UriResolvercan be used for values.- Overrides:
attrUriin classHtmlElementVoid- Parameters:
key- The attribute name.val- The attribute value.- Returns:
- This object.
-
autocomplete
autocomplete attribute.Controls whether the browser can automatically complete the input field.
Common values:
"on" - Allow autocomplete (default)"off" - Disable autocomplete"name" - Full name"email" - Email address"username" - Username or login"current-password" - Current password"new-password" - New password"tel" - Telephone number"url" - URL"address-line1" - Street address"country" - Country name"postal-code" - Postal code
- Parameters:
value- Autocomplete hint for the input field.- Returns:
- This object.
-
autofocus
autofocus attribute.Automatically focuses the form control when the page loads. Only one element per page should have this attribute.
-
checked
checked attribute.Whether the command or control is checked.
This attribute uses deminimized values:
false - Attribute is not addedtrue - Attribute is added as"checked" - Other values - Passed through as-is
-
contenteditable
Description copied from class:HtmlElementcontenteditable attribute.Indicates whether the element's content is editable by the user.
Possible values:
"true" or empty string - Element content is editable"false" - Element content is not editable"plaintext-only" - Element content is editable, but rich text formatting is disabled
- Overrides:
contenteditablein classHtmlElementVoid- Parameters:
value- The editability state of the element.- Returns:
- This object.
-
dir
Description copied from class:HtmlElementdir attribute.Specifies the text direction of the element's content.
Possible values:
"ltr" - Left-to-right text direction"rtl" - Right-to-left text direction"auto" - Browser determines direction based on content
- Overrides:
dirin classHtmlElementVoid- Parameters:
value- The text direction for the element.- Returns:
- This object.
-
dirname
dirname attribute.Specifies the name of a hidden form field that will be submitted along with the input value, containing the text direction (ltr or rtl) of the input content.
This is useful for forms that need to preserve text direction information when submitted. The hidden field will contain either "ltr" or "rtl" based on the input's direction.
- Parameters:
value- The name of the hidden field for directionality information.- Returns:
- This object.
-
disabled
disabled attribute.Whether the form control is disabled.
This attribute uses deminimized values:
false - Attribute is not addedtrue - Attribute is added as"disabled" - Other values - Passed through as-is
-
form
form attribute.Associates the input with a form element by specifying the form's ID. This allows the input to be placed outside the form element while still being part of the form.
The value should match the ID of a form element in the same document.
- Parameters:
value- The ID of the form element to associate with this input.- Returns:
- This object.
-
formaction
formaction attribute.URL to use for form submission.
- Parameters:
value- The new value for this attribute.- Returns:
- This object.
-
formenctype
formenctype attribute.Form data set encoding type to use for form submission.
- Parameters:
value- The new value for this attribute.- Returns:
- This object.
-
formmethod
formmethod attribute.HTTP method to use for form submission.
- Parameters:
value- The new value for this attribute.- Returns:
- This object.
-
formnovalidate
formnovalidate attribute.Bypass form control validation for form submission.
- Parameters:
value- The new value for this attribute.- Returns:
- This object.
-
formtarget
formtarget attribute.Browsing context for form submission.
- Parameters:
value- The new value for this attribute.- Returns:
- This object.
-
height
height attribute.Vertical dimension.
-
id
Description copied from class:HtmlElementid attribute.Specifies a unique identifier for the element. The ID must be unique within the document and can be used for CSS styling, JavaScript selection, and anchor links.
- Overrides:
idin classHtmlElementVoid- Parameters:
value- A unique identifier for the element (e.g.,"header" ,"main-content" ).- Returns:
- This object.
-
inputmode
inputmode attribute.Provides a hint to browsers about the type of virtual keyboard to display on mobile devices.
Possible values:
"none" - No virtual keyboard"text" - Standard text keyboard (default)"tel" - Numeric keypad for telephone numbers"url" - Keyboard optimized for URLs"email" - Keyboard optimized for email addresses"numeric" - Numeric keypad"decimal" - Numeric keypad with decimal point"search" - Keyboard optimized for search
- Parameters:
value- The input modality hint for mobile keyboards.- Returns:
- This object.
-
lang
Description copied from class:HtmlElementlang attribute.Specifies the primary language of the element's content using a language tag. This helps with accessibility, search engines, and browser features like spell checking.
- Overrides:
langin classHtmlElementVoid- Parameters:
value- A language tag (e.g.,"en" ,"en-US" ,"es" ,"fr-CA" ).- Returns:
- This object.
-
list
list attribute.References a
<datalist> element that provides predefined options for the input field. Creates a dropdown with autocomplete suggestions.- Parameters:
value- The ID of a datalist element (without the # prefix).- Returns:
- This object.
-
max
max attribute.Maximum value.
-
maxlength
maxlength attribute. Maximum length of value. -
min
min attribute.Minimum value.
-
minlength
minlength attribute.Minimum length of value.
-
multiple
multiple attribute.Whether to allow multiple values.
This attribute uses deminimized values:
false - Attribute is not addedtrue - Attribute is added as"multiple" - Other values - Passed through as-is
-
name
name attribute.Name of form control to use for form submission and in the form.elements API.
- Parameters:
value- The new value for this attribute.- Returns:
- This object.
-
onabort
Description copied from class:HtmlElementonabort attribute.Event handler for when an operation is aborted (e.g., image loading is cancelled).
- Overrides:
onabortin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the abort event occurs.- Returns:
- This object.
-
onblur
Description copied from class:HtmlElementonblur attribute.Event handler for when the element loses focus.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onblur( "validate(\"email\")" ) - If using double quotes for attributes:
onblur( "validate('email')" )
- Overrides:
onblurin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the element loses focus.- Returns:
- This object.
- If using single quotes for attributes:
-
oncancel
Description copied from class:HtmlElementoncancel attribute.Event handler for when a dialog is cancelled.
- Overrides:
oncancelin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the cancel event occurs.- Returns:
- This object.
-
oncanplay
Description copied from class:HtmlElementoncanplay attribute.Event handler for when the media can start playing (enough data has been buffered).
- Overrides:
oncanplayin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the canplay event occurs.- Returns:
- This object.
-
oncanplaythrough
Description copied from class:HtmlElementoncanplaythrough attribute.Event handler for when the media can play through to the end without buffering.
- Overrides:
oncanplaythroughin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the canplaythrough event occurs.- Returns:
- This object.
-
onchange
Description copied from class:HtmlElementonchange attribute.Event handler for when the value of a form element changes and loses focus.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onchange( "validate(\"field\")" ) - If using double quotes for attributes:
onchange( "validate('field')" )
- Overrides:
onchangein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the change event occurs.- Returns:
- This object.
- If using single quotes for attributes:
-
onclick
Description copied from class:HtmlElementonclick attribute.Event handler for when the element is clicked.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onclick( "alert(\"Hello\")" ) - If using double quotes for attributes:
onclick( "alert('Hello')" )
- Overrides:
onclickin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the click event occurs.- Returns:
- This object.
- If using single quotes for attributes:
-
oncuechange
Description copied from class:HtmlElementoncuechange attribute.Event handler for when a text track cue changes.
- Overrides:
oncuechangein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the cuechange event occurs.- Returns:
- This object.
-
ondblclick
Description copied from class:HtmlElementondblclick attribute.Event handler for when the element is double-clicked.
- Overrides:
ondblclickin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the dblclick event occurs.- Returns:
- This object.
-
ondurationchange
Description copied from class:HtmlElementondurationchange attribute.Event handler for when the duration of the media changes.
- Overrides:
ondurationchangein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the durationchange event occurs.- Returns:
- This object.
-
onemptied
Description copied from class:HtmlElementonemptied attribute.Event handler for when the media element becomes empty (e.g., network error).
- Overrides:
onemptiedin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the emptied event occurs.- Returns:
- This object.
-
onended
Description copied from class:HtmlElementonended attribute.Event handler for when the media playback reaches the end.
- Overrides:
onendedin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the ended event occurs.- Returns:
- This object.
-
onerror
Description copied from class:HtmlElementonerror attribute.Event handler for when an error occurs (e.g., failed resource loading).
- Overrides:
onerrorin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the error event occurs.- Returns:
- This object.
-
onfocus
Description copied from class:HtmlElementonfocus attribute.Event handler for when the element receives focus.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onfocus( "highlight(\"field\")" ) - If using double quotes for attributes:
onfocus( "highlight('field')" )
- Overrides:
onfocusin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the focus event occurs.- Returns:
- This object.
- If using single quotes for attributes:
-
oninput
Description copied from class:HtmlElementoninput attribute.Event handler for when the value of an input element changes (fires on every keystroke).
- Overrides:
oninputin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the input event occurs.- Returns:
- This object.
-
oninvalid
Description copied from class:HtmlElementoninvalid attribute.Event handler for when form validation fails.
- Overrides:
oninvalidin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the invalid event occurs.- Returns:
- This object.
-
onkeydown
Description copied from class:HtmlElementonkeydown attribute.Event handler for when a key is pressed down.
- Overrides:
onkeydownin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the keydown event occurs.- Returns:
- This object.
-
onkeypress
Description copied from class:HtmlElementonkeypress attribute.Event handler for when a key is pressed (deprecated, use onkeydown instead).
- Overrides:
onkeypressin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the keypress event occurs.- Returns:
- This object.
-
onkeyup
Description copied from class:HtmlElementonkeyup attribute.Event handler for when a key is released.
- Overrides:
onkeyupin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the keyup event occurs.- Returns:
- This object.
-
onload
Description copied from class:HtmlElementonload attribute.Event handler for when the element and its resources have finished loading.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onload( "init(\"config\")" ) - If using double quotes for attributes:
onload( "init('config')" )
- Overrides:
onloadin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the load event occurs.- Returns:
- This object.
- If using single quotes for attributes:
-
onloadeddata
Description copied from class:HtmlElementonloadeddata attribute.Event handler for when the first frame of media has finished loading.
- Overrides:
onloadeddatain classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the loadeddata event occurs.- Returns:
- This object.
-
onloadedmetadata
Description copied from class:HtmlElementonloadedmetadata attribute.Event handler for when metadata (duration, dimensions, etc.) has been loaded.
- Overrides:
onloadedmetadatain classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the loadedmetadata event occurs.- Returns:
- This object.
-
onloadstart
Description copied from class:HtmlElementonloadstart attribute.Event handler for when the browser starts loading the media.
- Overrides:
onloadstartin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the loadstart event occurs.- Returns:
- This object.
-
onmousedown
Description copied from class:HtmlElementonmousedown attribute.Event handler for when a mouse button is pressed down on the element.
- Overrides:
onmousedownin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mousedown event occurs.- Returns:
- This object.
-
onmouseenter
Description copied from class:HtmlElementonmouseenter attribute.Event handler for when the mouse pointer enters the element (does not bubble).
- Overrides:
onmouseenterin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mouseenter event occurs.- Returns:
- This object.
-
onmouseleave
Description copied from class:HtmlElementonmouseleave attribute.Event handler for when the mouse pointer leaves the element (does not bubble).
- Overrides:
onmouseleavein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mouseleave event occurs.- Returns:
- This object.
-
onmousemove
Description copied from class:HtmlElementonmousemove attribute.Event handler for when the mouse pointer moves over the element.
- Overrides:
onmousemovein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mousemove event occurs.- Returns:
- This object.
-
onmouseout
Description copied from class:HtmlElementonmouseout attribute.Event handler for when the mouse pointer moves out of the element (bubbles).
- Overrides:
onmouseoutin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mouseout event occurs.- Returns:
- This object.
-
onmouseover
Description copied from class:HtmlElementonmouseover attribute.Event handler for when the mouse pointer moves over the element (bubbles).
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onmouseover( "showTooltip(\"info\")" ) - If using double quotes for attributes:
onmouseover( "showTooltip('info')" )
- Overrides:
onmouseoverin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mouseover event occurs.- Returns:
- This object.
- If using single quotes for attributes:
-
onmouseup
Description copied from class:HtmlElementonmouseup attribute.Event handler for when a mouse button is released over the element.
- Overrides:
onmouseupin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mouseup event occurs.- Returns:
- This object.
-
onmousewheel
Description copied from class:HtmlElementonmousewheel attribute.Event handler for when the mouse wheel is rotated over the element (deprecated, use onwheel).
- Overrides:
onmousewheelin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the mousewheel event occurs.- Returns:
- This object.
-
onpause
Description copied from class:HtmlElementonpause attribute.Event handler for when media playback is paused.
- Overrides:
onpausein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the pause event occurs.- Returns:
- This object.
-
onplay
Description copied from class:HtmlElementonplay attribute.Event handler for when media playback starts.
- Overrides:
onplayin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the play event occurs.- Returns:
- This object.
-
onplaying
Description copied from class:HtmlElementonplaying attribute.Event handler for when media playback starts after being paused or delayed.
- Overrides:
onplayingin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the playing event occurs.- Returns:
- This object.
-
onprogress
Description copied from class:HtmlElementonprogress attribute.Event handler for when the browser is downloading media data.
- Overrides:
onprogressin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the progress event occurs.- Returns:
- This object.
-
onratechange
Description copied from class:HtmlElementonratechange attribute.Event handler for when the playback rate of media changes.
- Overrides:
onratechangein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the ratechange event occurs.- Returns:
- This object.
-
onreset
Description copied from class:HtmlElementonreset attribute.Event handler for when a form is reset.
- Overrides:
onresetin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the reset event occurs.- Returns:
- This object.
-
onresize
Description copied from class:HtmlElementonresize attribute.Event handler for when the element is resized.
- Overrides:
onresizein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the resize event occurs.- Returns:
- This object.
-
onscroll
Description copied from class:HtmlElementonscroll attribute.Event handler for when the element's scrollbar is scrolled.
- Overrides:
onscrollin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the scroll event occurs.- Returns:
- This object.
-
onseeked
Description copied from class:HtmlElementonseeked attribute.Event handler for when a seek operation completes.
- Overrides:
onseekedin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the seeked event occurs.- Returns:
- This object.
-
onseeking
Description copied from class:HtmlElementonseeking attribute.Event handler for when a seek operation begins.
- Overrides:
onseekingin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the seeking event occurs.- Returns:
- This object.
-
onselect
Description copied from class:HtmlElementonselect attribute.Event handler for when text is selected in the element.
- Overrides:
onselectin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the select event occurs.- Returns:
- This object.
-
onshow
Description copied from class:HtmlElementonshow attribute.Event handler for when a context menu is shown.
- Overrides:
onshowin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the show event occurs.- Returns:
- This object.
-
onstalled
Description copied from class:HtmlElementonstalled attribute.Event handler for when media loading is stalled.
- Overrides:
onstalledin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the stalled event occurs.- Returns:
- This object.
-
onsubmit
Description copied from class:HtmlElementonsubmit attribute.Event handler for when a form is submitted.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onsubmit( "return validate(\"form\")" ) - If using double quotes for attributes:
onsubmit( "return validate('form')" )
- Overrides:
onsubmitin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the submit event occurs.- Returns:
- This object.
- If using single quotes for attributes:
-
onsuspend
Description copied from class:HtmlElementonsuspend attribute.Event handler for when media loading is suspended.
- Overrides:
onsuspendin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the suspend event occurs.- Returns:
- This object.
-
ontimeupdate
Description copied from class:HtmlElementontimeupdate attribute.Event handler for when the current playback position changes.
- Overrides:
ontimeupdatein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the timeupdate event occurs.- Returns:
- This object.
-
ontoggle
Description copied from class:HtmlElementontoggle attribute.Event handler for when a details element is opened or closed.
- Overrides:
ontogglein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the toggle event occurs.- Returns:
- This object.
-
onvolumechange
Description copied from class:HtmlElementonvolumechange attribute.Event handler for when the volume of media changes.
- Overrides:
onvolumechangein classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the volumechange event occurs.- Returns:
- This object.
-
onwaiting
Description copied from class:HtmlElementonwaiting attribute.Event handler for when media playback stops to buffer more data.
- Overrides:
onwaitingin classHtmlElementVoid- Parameters:
value- JavaScript code to execute when the waiting event occurs.- Returns:
- This object.
-
pattern
pattern attribute.Specifies a regular expression that the input's value must match for the form to be valid. Works with the
title attribute to provide user feedback.- Parameters:
value- A regular expression pattern (e.g.,"[0-9]{3}-[0-9]{3}-[0-9]{4}" for phone numbers).- Returns:
- This object.
-
placeholder
placeholder attribute.Provides a hint to the user about what to enter in the input field. The placeholder text appears when the field is empty and disappears when the user starts typing.
- Parameters:
value- Hint text to display in the empty input field.- Returns:
- This object.
-
readonly
readonly attribute.Whether to allow the value to be edited by the user.
- Parameters:
value- Iftrue , addsreadonly="readonly" .- Returns:
- This object.
-
readonly
readonly attribute.Makes the input field read-only, preventing user modification while still allowing the value to be submitted with the form.
- Parameters:
value- Iftrue , makes the input read-only.- Returns:
- This object.
-
required
required attribute.Indicates that the input field must be filled out before the form can be submitted. Browsers will show validation messages for empty required fields.
- Parameters:
value- Iftrue , makes the input required for form submission.- Returns:
- This object.
-
size
size attribute.Size of the control.
-
spellcheck
Description copied from class:HtmlElementspellcheck attribute.Indicates whether the element should have its spelling and grammar checked.
Possible values:
"true" - Enable spell checking for this element"false" - Disable spell checking for this element
- Overrides:
spellcheckin classHtmlElementVoid- Parameters:
value- Whether spell checking should be enabled.- Returns:
- This object.
-
src
src attribute.Address of the resource.
-
step
step attribute.Granularity to be matched by the form control's value.
- Parameters:
value- The new value for this attribute.- Returns:
- This object.
-
style
Description copied from class:HtmlElementstyle attribute.Specifies inline CSS styles for the element. The value should be valid CSS property-value pairs separated by semicolons.
- Overrides:
stylein classHtmlElementVoid- Parameters:
value- Inline CSS styles (e.g.,"color: red; font-size: 14px;" ).- Returns:
- This object.
-
tabindex
Description copied from class:HtmlElementtabindex attribute.Specifies the tab order of the element when navigating with the keyboard.
Possible values:
- Positive integer - Element is focusable and participates in tab order
"0" - Element is focusable but not in tab order- Negative integer - Element is not focusable
- Overrides:
tabindexin classHtmlElementVoid- Parameters:
value- The tab order value for keyboard navigation.- Returns:
- This object.
-
title
Description copied from class:HtmlElementtitle attribute.Specifies additional information about the element, typically displayed as a tooltip when the user hovers over the element.
- Overrides:
titlein classHtmlElementVoid- Parameters:
value- Tooltip text to display on hover (e.g.,"Click to submit form" ).- Returns:
- This object.
-
translate
Description copied from class:HtmlElementtranslate attribute.Specifies whether the element's content should be translated when the page is localized.
Possible values:
"yes" - Content should be translated (default)"no" - Content should not be translated
- Overrides:
translatein classHtmlElementVoid- Parameters:
value- Whether the element content should be translated.- Returns:
- This object.
-
type
type attribute.Specifies the type of form control to display.
Common values:
"text" - Single-line text input (default)"password" - Password input (characters are masked)"email" - Email address input with validation"number" - Numeric input with spinner controls"tel" - Telephone number input"url" - URL input with validation"search" - Search input field"date" - Date picker"time" - Time picker"datetime-local" - Date and time picker"checkbox" - Checkbox input"radio" - Radio button input"file" - File upload input"submit" - Submit button"button" - Generic button"reset" - Reset form button"hidden" - Hidden input field
- Parameters:
value- The input type for the form control.- Returns:
- This object.
-
value
value attribute.Value of the form control.
-
width
width attribute.Horizontal dimension.
-