input element | HTMLInputElement object (Windows)

2 out of 3 rated this helpful - Rate this topic

Creates input controls that can be defined by the type attribute. For example, input type=file, input type=password, input type=text, or input type=tel fields.

HTML5 A vocabulary and associated APIs for HTML and XHTML

Document Object Model (DOM) Level 2 HTML Specification, Section 1.6.5

HTML information

Closing Tag	required
CSS Display	inline
HTML Element Categories	flow phrasing interactive

DOM Information

Inheritance Hierarchy

Node

Element

HTMLElement

HTMLInputElement

Members

The HTMLInputElement object has these types of members:

Properties

Properties

The HTMLInputElement object has these properties.

Property	Description
accept	Sets or retrieves a comma-separated list of content types.
alt	Sets or retrieves a text alternative to the graphic.
animation	Specifies one or more shorthand values that define all animation properties (except animation-play-state) for a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animations-name property.
animationDelay	Specifies the offset within an animation cycle (the amount of time from the start of a cycle) before the animation is displayed for a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animation-name property.
animationDirection	Specifies the direction of play for an animation cycle.
animationDuration	Specifies the length of time to complete one cycle of the animation.
animationFillMode	Specifies whether the effects of an animation are visible before or after it plays.
animationIterationCount	Specifies the number of times an animation cycle is played.
animationName	Identifies one or more animation names. An animation name selects a CSS @keyframes at-rule.
animationPlayState	Specifies whether an animation is playing or paused.
animationTimingFunction	Specifies the intermediate property values to be used during a single cycle of an animation on a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animation-name property.
backfaceVisibility	Gets or sets a value that specifies whether the back face (reverse side) of an object is visible.
checked	Sets or retrieves the state of the check box or radio button.
complete	Retrieves whether the object is fully loaded.
constructor	Returns a reference to the constructor of an object.
msGridColumn	Gets or sets a value that specifies in which column of the grid to place the object.
msGridColumnAlign	Gets or sets a value that specifies the horizontal alignment of the object within the grid column.
msGridColumns	Gets or sets one or more values that specify the width of each grid column within the object.
msGridColumnSpan	Gets or sets a value that specifies the number of columns of the grid that the object spans.
msGridRow	Gets or sets a value that specifies in which row of the grid to place the object.
msGridRowAlign	Gets or sets a value that specifies the vertical alignment of the object within the grid row.
msGridRows	Gets or sets one or more values that specify the height of each grid row within the object.
msGridRowSpan	Gets or sets a value that specifies the number of rows of the grid that the object spans.
perspective	Gets or sets a value that represents the perspective from which all child elements of the object are viewed.
perspectiveOrigin	Gets or sets one or two values that represent the origin (the vanishing point for the 3-D space) of an object with an perspective property declaration.
start	Sets or retrieves when a video clip file should begin playing.
transformStyle	Gets or sets a value that specifies how child elements of the object are rendered in 3-D space.
transition	Gets or sets one or more shorthand values that specify the transition properties for a set of corresponding object properties identified in the transition-property property.
transitionDelay	Gets or sets one or more values that specify the offset within a transition (the amount of time from the start of a transition) before the transition is displayed for a set of corresponding object properties identified in the transition property.
transitionDuration	Gets or sets one or more values that specify the durations of transitions on a set of corresponding object properties identified in the transition-property property.
transitionProperty	Gets or sets a value that identifies the CSS property name or names to which the transition effect (defined by the transition-duration, transition-timing-function, and transition-delay properties) is applied when a new property value is specified.
transitionTimingFunction	Gets or sets one or more values that specify the intermediate property values to be used during a transition on a set of corresponding object properties identified in the transition-property property.
value	Sets or retrieves the displayed value for the control object. This value is returned to the server when the control object is submitted.

Standards information

Remarks

Note For code samples, see Form controls part 1 and Form controls part 2: validation on the a Windows Store app using JavaScript sample site.

Examples

This example uses the input element to create different types of input controls.


<form action="http://intranet/survey" method=post>
<p>Name</p>
<br><input name="control1" type=text value="Your Name">
<P>Password</P>
<br><input type="password" name="control2">
<p>Color</p>
<br><input type="radio" name="control3" value="0" checked>Red
<input type="radio" name="control3" value="1">Green
<input type="radio" name="control3" value="2">Blue
<p>Comments</p>
<br><input type="text" name="control4" size="20,5" maxlength="250">
<p><input name="control5" type=checkbox checked>Send receipt</p>
<p><input type="submit" value="OK"><input type="reset" value="reset"></p>
</form>

input element | HTMLInputElement object