If you have already register Login here.
HTML Input Tag
The HTML <input> tag is used to represent a form input control in HTML document. This form input control facilitate user to input data and communicate with a website or application. Let's take an example of an HTML form with three input fields, two text fields and one button for submission.
Example of HTML input tag.
<form action="#">
Name: <input type="text" name="name" placeholder="enter name..."><br>
Email: <input type="email" name="email" placeholder="enter Email..."><br>
<input type="submit" value="Submit">
</form>
Output
Click the "Submit" button for sending the form-data to a page on the server.
Note: The <input> element is empty, it contains attributes only.
Tip: Use the <label> element to define labels for <input> elements.
New in HTML5.
Attribute | Value | Description |
---|---|---|
accept | file_extension audio/* video/* image/* media_type | Specifies the types of files that the server accepts (only for type="file") |
align | left right top middle bottom | Not supported in HTML5. Specifies the alignment of an image input (only for type="image") |
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 one or more forms 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 date | 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 |
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 |
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 | Specifies the legal number intervals for an input field |
type | button checkbox color date datetime-local 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") |
The <input> tag also supports the Global Attributes in HTML.
The <input> tag also supports the Event Attributes in HTML.
HTML DOM reference:
© 2023 Easy To Learning. All Rights Reserved | Design by Easy To Learning