HTML Elements Reference: INPUT Element

asp.net.ph

Home > Abakada: Back to Basics > Language References > HTML Elements > INPUT Element

Creates various types of form input controls. HTML 2, 3.2, 4, 4.01, 5

button checkbox color date datetime-local
email file hidden image month
number password radio range reset
search submit tel text time
url week

Remarks

The <input> HTML element is used to create a wide variety of interactive controls for web-based forms.
How an <input> works depends on the value of its type attribute,
If no type attribute is specified, the control defaults to a single-line textbox.
NOTE: Only the <input> start tag must be present. The element has no end tag.
Attributes

The <input> element supports the following attributes, in addition to global attributes common to all HTML elements.

Attribute Value Description
date Defines the shape of the bullets used for each list item.
accept file_extension, audio/*, video/*, image/*, media_type Specifies a filter for what file types the user can pick from the file input dialog box (only for type="file")
alt text Specifies an alternate text for images (only for type="image")
autocomplete on, off Specifies whether an input element should have autocomplete enabled
autofocus autofocus Specifies that an input element should automatically get focus when the page loads
checked checked Specifies that an input element should be pre-selected when the page loads (for type="checkbox" or type="radio")
dirname inputname.dir Specifies that the text direction will be submitted
disabled disabled Specifies that an input element should be disabled
form form_id Specifies the form the input element belongs to
formaction URL Specifies the URL of the file that will process the input control when the form is submitted (for type="submit" and type="image")
formenctype application/x-www-form-urlencoded, multipart/form-data, text/plain Specifies how the form-data should be encoded when submitting it to the server (for type="submit" and type="image")
formmethod get, post Defines the HTTP method for sending data to the action URL (for type="submit" and type="image")
formnovalidate formnovalidate Defines that form elements should not be validated when submitted
formtarget _blank, _self, _parent, _top, framename Specifies where to display the response that is received after submitting the form (for type="submit" and type="image")
height pixels Specifies the height of an input element (only for type="image")
list datalist_id Refers to a datalist element that contains pre-defined options for an input element
max number Specifies the maximum value for an input element
maxlength number Specifies the maximum number of characters allowed in an input element
min number, date Specifies a minimum value for an input element
minlength number Specifies the minimum number of characters required in an input element
multiple multiple Specifies that a user can enter more than one value in an input element
name text Specifies the name of an input element
pattern regexp Specifies a regular expression that an input element's value is checked against
placeholder text Specifies a short hint that describes the expected value of an input element
popovertarget element_id Specifies which popover element to invoke (only for type="button")
popovertargetaction hide, show, toggle Specifies what happens to the popover element when you click the button (only for type="button")
readonly readonly Specifies that an input field is read-only
required required Specifies that an input field must be filled out before submitting the form
size number Specifies the width, in characters, of an input element
src URL Specifies the URL of the image to use as a submit button (only for type="image")
step number, any Specifies the interval between legal numbers in an input field
type button, checkbox, color, date, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week Specifies the type input element to display
value text Specifies the value of an input element
width pixels Specifies the width of an input element (only for type="image")

Example

The following examples illustrate use of the different types of the INPUT element.
<form> Name <input value="enter your name here"> </form>

Name

<form> Password <input type="password"> </form>

Password

<form>Color <input type="radio" name="color" value="0" checked>Red <input type="radio" name="color" value="1">Green <input type="radio" name="color" value="2">Blue </form>

Color Red Green Blue

<form>Assets <input type="checkbox">House <input type="checkbox">Car <input type="checkbox">Whatever </form>

Assets House Car Whatever

<form> <input type="submit" value="Send"> <input type="reset" value="Reset"> </form>

See Also

BUTTON, SELECT, TEXTAREA

Elements

1

Suggested Reading

Check out related books at Amazon

© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note