William Jiang

JavaScript,PHP,Node,Perl,LAMP Web Developer – http://williamjxj.com; https://github.com/williamjxj?tab=repositories

HTML5: input attributes

HTML5 <input> Tag

Attribute Value Description
accept audio/*
video/*
image/*
MIME_type
Specifies the types of files that the server accepts
(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”)
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
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”)


HTML5 Global Attributes

Attribute Description
accesskey Specifies a shortcut key to activate/focus an element
class Specifies one or more classnames for an element (refers to a class in a style sheet)
contenteditable Specifies whether the content
of an element is editable or not
contextmenu Specifies a context menu for an element. The context menu appears when a
user right-clicks on the element
dir Specifies the text direction for the content in an element
draggable Specifies whether an element is draggable or not
dropzone Specifies whether the dragged data is copied, moved, or linked, when dropped
hidden Specifies that an element is not yet, or is no longer, relevant
id Specifies a unique id for an element
lang Specifies the language of the element’s content
spellcheck Specifies whether the element is to have its spelling and grammar checked or
not
style Specifies an inline CSS style for an element
tabindex Specifies the tabbing order of an element
title Specifies extra information about an element
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: