HTML5 'input' Tag with example

HTML5   <input>  Tag 

Info of HTML5 input Tag :input field: a typed data field, usually with a form control to allow the user to edit the data

input Tag Attributes :Attributes are dependant upon input type
accept: specified to provide user agents with a hint
of what file types the server will be able to accept
alt: provides the textual label for the alternative
button for users and user agents who cannot use
the image
autocomplete: determines if the data is considered
sensitive and if autocomplete will be used [on | off |
default]
autofocus: determines if the input will get focus
when a page loads [autofocus]
checked: determines if the input will be checked by
default [checked]
disabled: prevents the input from being pressed
[disabled]
form: used to explicitly associate the button ele-
ment with its form owner
formaction: URL that specifies a form processing
agent
formenctype: specifies the content type used to
submit the form to the server [application/x-www-
form-urlencoded
| multipart/form-data | text/plain]
formmethod: which HTTP method will be used to
submit the forms data [get | post | put | delete]
formnovalidate: indicate whether the form is to be
validated during submission [formnovalidate]
formtarget: gives the target when the form is
submitted [_blank | _parent | _self | _top]
height: height of the input in pixels
list: used to identify an element that lists prede-
fined options suggested to the user
max and max: indicate the allowed range of values
for the element
maxlength: controls the maxlength of the input to
a control
multiple: indicates whether the user is to be
allowed to specify more than one value [multiple]
name: elements name
pattern: specifies a regular expression against
which the control's value is to be checked
placeholder: a short hint intended to aid the user
with data entry
readonly: determines if the control is readonly
[readonly]
required: determines if the input is required before
the form submits [required]
size: gives the number of characters that, in a
visual rendering, the user agent is to allow the user
to see while editing
src: URL to an image (image button)
step: indicates the granularity that is expected (and
required) of the value
type: controls the data type (and associated con-
trol) of the element [hidden | text | search | tel | url
| email | password | datetime | date | month | week
| time | datetime-local | number | range | color |
checkbox | radio | file | submit | image | reset |
button]
value: sets the element's value
width: width of the input in pixels