Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
0% found this document useful (0 votes)
74 views

All HTML Attributes

The document summarizes common HTML attributes and provides a brief description of each. It lists attributes such as "accept", "action", "alt", "async", "autocomplete", "autofocus", and "checked", among others, and explains what element they belong to and their purpose in 1-2 sentences. There are over 30 attributes summarized in the document.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
74 views

All HTML Attributes

The document summarizes common HTML attributes and provides a brief description of each. It lists attributes such as "accept", "action", "alt", "async", "autocomplete", "autofocus", and "checked", among others, and explains what element they belong to and their purpose in 1-2 sentences. There are over 30 attributes summarized in the document.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 34

All HTML Attributes

Attribute Belongs to Description

accept <input> Specifies the


types of files
that the
server
accepts (only
for
type="file")

accept- <form> Specifies the


charset character
encodings
that are to be
used for the
form
submission

accesskey Global Attributes Specifies a


shortcut key
to
activate/focu
s an element

action <form> Specifies


where to
send the
form-data
when a form
is submitted

align Not supported in HTML 5. Specifies the


alignment
according to
surrounding
elements.
Use CSS
instead

alt <area>, <img>, <input> Specifies an


alternate text
when the
original
element fails
to display

async <script> Specifies that


the script is
executed
asynchronous
ly (only for
external
scripts)

autocompl <form>, <input> Specifies


ete whether the
<form> or the
<input>
element
should have
autocomplete
enabled
autofocus <button>, <input>, <select>, <textarea> Specifies that
the element
should
automatically
get focus
when the
page loads

autoplay <audio>, <video> Specifies that


the
audio/video
will start
playing as
soon as it is
ready

bgcolor Not supported in HTML 5. Specifies the


background
color of an
element. Use
CSS instead

border Not supported in HTML 5. Specifies the


width of the
border of an
element. Use
CSS instead

charset <meta>, <script> Specifies the


character
encoding
checked <input> Specifies that
an <input>
element
should be
pre-selected
when the
page loads
(for
type="checkb
ox" or
type="radio")

cite <blockquote>, <del>, <ins>, <q> Specifies a


URL which
explains the
quote/delete
d/inserted
text

class Global Attributes Specifies one


or more
classnames
for an
element
(refers to a
class in a style
sheet)

color Not supported in HTML 5. Specifies the


text color of
an element.
Use CSS
instead
cols <textarea> Specifies the
visible width
of a text area

colspan <td>, <th> Specifies the


number of
columns a
table cell
should span

content <meta> Gives the


value
associated
with the http-
equiv or
name
attribute

contentedi Global Attributes Specifies


table whether the
content of an
element is
editable or
not

controls <audio>, <video> Specifies that


audio/video
controls
should be
displayed
(such as a
play/pause
button etc)
coords <area> Specifies the
coordinates
of the area

data <object> Specifies the


URL of the
resource to
be used by
the object

data-* Global Attributes Used to store


custom data
private to the
page or
application

datetime <del>, <ins>, <time> Specifies the


date and time

default <track> Specifies that


the track is to
be enabled if
the user's
preferences
do not
indicate that
another track
would be
more
appropriate

defer <script> Specifies that


the script is
executed
when the
page has
finished
parsing (only
for external
scripts)

dir Global Attributes Specifies the


text direction
for the
content in an
element

dirname <input>, <textarea> Specifies that


the text
direction will
be submitted

disabled <button>, <fieldset>, <input>, Specifies that


<optgroup>, <option>, <select>,<textarea> the specified
element/grou
p of elements
should be
disabled

download <a>, <area> Specifies that


the target will
be
downloaded
when a user
clicks on the
hyperlink
draggable Global Attributes Specifies
whether an
element is
draggable or
not

dropzone Global Attributes Specifies


whether the
dragged data
is copied,
moved, or
linked, when
dropped

enctype <form> Specifies how


the form-data
should be
encoded
when
submitting it
to the server
(only for
method="pos
t")

for <label>, <output> Specifies


which form
element(s) a
label/calculati
on is bound
to

form <button>, <fieldset>, <input>, Specifies the


<label>, <meter>, <object>,<output>, <select>, <textarea> name of the
form the
element
belongs to

formaction <button>, <input> Specifies


where to
send the
form-data
when a form
is submitted.
Only for
type="submit
"

headers <td>, <th> Specifies one


or more
headers cells
a cell is
related to

height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Specifies the
height of the
element

hidden Global Attributes Specifies that


an element is
not yet, or is
no longer,
relevant

high <meter> Specifies the


range that is
considered to
be a high
value

href <a>, <area>, <base>, <link> Specifies the


URL of the
page the link
goes to

hreflang <a>, <area>, <link> Specifies the


language of
the linked
document

http-equiv <meta> Provides an


HTTP header
for the
information/v
alue of the
content
attribute

id Global Attributes Specifies a


unique id for
an element

ismap <img> Specifies an


image as a
server-side
image-map
kind <track> Specifies the
kind of text
track

label <track>, <option>, <optgroup> Specifies the


title of the
text track

lang Global Attributes Specifies the


language of
the element's
content

list <input> Refers to a


<datalist>
element that
contains pre-
defined
options for an
<input>
element

loop <audio>, <video> Specifies that


the
audio/video
will start over
again, every
time it is
finished

low <meter> Specifies the


range that is
considered to
be a low
value

max <input>, <meter>, <progress> Specifies the


maximum
value

maxlength <input>, <textarea> Specifies the


maximum
number of
characters
allowed in an
element

media <a>, <area>, <link>, <source>, <style> Specifies


what
media/device
the linked
document is
optimized for

method <form> Specifies the


HTTP method
to use when
sending form-
data

min <input>, <meter> Specifies a


minimum
value
multiple <input>, <select> Specifies that
a user can
enter more
than one
value

muted <video>, <audio> Specifies that


the audio
output of the
video should
be muted

name <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>,<ob Specifies the
ject>, <output>, <param>, <select>, <textarea> name of the
element

novalidate <form> Specifies that


the form
should not be
validated
when
submitted

onabort <audio>, <embed>, <img>, <object>, <video> Script to be


run on abort

onafterprin <body> Script to be


t run after the
document is
printed
onbeforepr <body> Script to be
int run before
the document
is printed

onbeforeu <body> Script to be


nload run when the
document is
about to be
unloaded

onblur All visible elements. Script to be


run when the
element loses
focus

oncanplay <audio>, <embed>, <object>, <video> Script to be


run when a
file is ready to
start playing
(when it has
buffered
enough to
begin)

oncanplayt <audio>, <video> Script to be


hrough run when a
file can be
played all the
way to the
end without
pausing for
buffering
onchange All visible elements. Script to be
run when the
value of the
element is
changed

onclick All visible elements. Script to be


run when the
element is
being clicked

oncontext All visible elements. Script to be


menu run when a
context menu
is triggered

oncopy All visible elements. Script to be


run when the
content of
the element
is being
copied

oncuechan <track> Script to be


ge run when the
cue changes
in
a <track> ele
ment

oncut All visible elements. Script to be


run when the
content of
the element
is being cut

ondblclick All visible elements. Script to be


run when the
element is
being double-
clicked

ondrag All visible elements. Script to be


run when the
element is
being
dragged

ondragend All visible elements. Script to be


run at the
end of a drag
operation

ondragent All visible elements. Script to be


er run when an
element has
been dragged
to a valid
drop target

ondragleav All visible elements. Script to be


e run when an
element
leaves a valid
drop target
ondragove All visible elements. Script to be
r run when an
element is
being
dragged over
a valid drop
target

ondragstar All visible elements. Script to be


t run at the
start of a drag
operation

ondrop All visible elements. Script to be


run when
dragged
element is
being
dropped

onduration <audio>, <video> Script to be


change run when the
length of the
media
changes

onemptied <audio>, <video> Script to be


run when
something
bad happens
and the file is
suddenly
unavailable
(like
unexpectedly
disconnects)

onended <audio>, <video> Script to be


run when the
media has
reach the end
(a useful
event for
messages like
"thanks for
listening")

onerror <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <vide Script to be
o> run when an
error occurs

onfocus All visible elements. Script to be


run when the
element gets
focus

onhashcha <body> Script to be


nge run when
there has
been changes
to the anchor
part of the a
URL

oninput All visible elements. Script to be


run when the
element gets
user input

oninvalid All visible elements. Script to be


run when the
element is
invalid

onkeydow All visible elements. Script to be


n run when a
user is
pressing a key

onkeypress All visible elements. Script to be


run when a
user presses a
key

onkeyup All visible elements. Script to be


run when a
user releases
a key

onload <body>, <iframe>, <img>, <input>, <link>, <script>, <style> Script to be


run when the
element is
finished
loading

onloadedd <audio>, <video> Script to be


ata run when
media data is
loaded

onloadedm <audio>, <video> Script to be


etadata run when
meta data
(like
dimensions
and duration)
are loaded

onloadstar <audio>, <video> Script to be


t run just as
the file begins
to load
before
anything is
actually
loaded

onmoused All visible elements. Script to be


own run when a
mouse button
is pressed
down on an
element

onmousem All visible elements. Script to be


ove run as long as
the mouse
pointer is
moving over
an element
onmouseo All visible elements. Script to be
ut run when a
mouse
pointer
moves out of
an element

onmouseo All visible elements. Script to be


ver run when a
mouse
pointer
moves over
an element

onmouseu All visible elements. Script to be


p run when a
mouse button
is released
over an
element

onmousew All visible elements. Script to be


heel run when a
mouse wheel
is being
scrolled over
an element

onoffline <body> Script to be


run when the
browser
starts to work
offline
ononline <body> Script to be
run when the
browser
starts to work
online

onpagehid <body> Script to be


e run when a
user
navigates
away from a
page

onpagesho <body> Script to be


w run when a
user
navigates to a
page

onpaste All visible elements. Script to be


run when the
user pastes
some content
in an element

onpause <audio>, <video> Script to be


run when the
media is
paused either
by the user or
programmatic
ally
onplay <audio>, <video> Script to be
run when the
media has
started
playing

onplaying <audio>, <video> Script to be


run when the
media has
started
playing

onpopstat <body> Script to be


e run when the
window's
history
changes.

onprogress <audio>, <video> Script to be


run when the
browser is in
the process of
getting the
media data

onratecha <audio>, <video> Script to be


nge run each time
the playback
rate changes
(like when a
user switches
to a slow
motion or
fast forward
mode).

onreset <form> Script to be


run when a
reset button
in a form is
clicked.

onresize <body> Script to be


run when the
browser
window is
being resized.

onscroll All visible elements. Script to be


run when an
element's
scrollbar is
being scrolled

onsearch <input> Script to be


run when the
user writes
something in
a search field
(for
<input="searc
h">)

onseeked <audio>, <video> Script to be


run when the
seeking
attribute is
set to false
indicating
that seeking
has ended

onseeking <audio>, <video> Script to be


run when the
seeking
attribute is
set to true
indicating
that seeking
is active

onselect All visible elements. Script to be


run when the
element gets
selected

onstalled <audio>, <video> Script to be


run when the
browser is
unable to
fetch the
media data
for whatever
reason

onstorage <body> Script to be


run when a
Web Storage
area is
updated
onsubmit <form> Script to be
run when a
form is
submitted

onsuspend <audio>, <video> Script to be


run when
fetching the
media data is
stopped
before it is
completely
loaded for
whatever
reason

ontimeupd <audio>, <video> Script to be


ate run when the
playing
position has
changed (like
when the
user fast
forwards to a
different
point in the
media)

ontoggle <details> Script to be


run when the
user opens or
closes the
<details>
element
onunload <body> Script to be
run when a
page has
unloaded (or
the browser
window has
been closed)

onvolumec <audio>, <video> Script to be


hange run each time
the volume of
a video/audio
has been
changed

onwaiting <audio>, <video> Script to be


run when the
media has
paused but is
expected to
resume (like
when the
media pauses
to buffer
more data)

onwheel All visible elements. Script to be


run when the
mouse wheel
rolls up or
down over an
element

open <details> Specifies that


the details
should be
visible (open)
to the user

optimum <meter> Specifies


what value is
the optimal
value for the
gauge

pattern <input> Specifies a


regular
expression
that an
<input>
element's
value is
checked
against

placeholde <input>, <textarea> Specifies a


r short hint
that describes
the expected
value of the
element

poster <video> Specifies an


image to be
shown while
the video is
downloading,
or until the
user hits the
play button
preload <audio>, <video> Specifies if
and how the
author thinks
the
audio/video
should be
loaded when
the page
loads

readonly <input>, <textarea> Specifies that


the element
is read-only

rel <a>, <area>, <link> Specifies the


relationship
between the
current
document
and the
linked
document

required <input>, <select>, <textarea> Specifies that


the element
must be filled
out before
submitting
the form

reversed <ol> Specifies that


the list order
should be
descending
(9,8,7...)

rows <textarea> Specifies the


visible
number of
lines in a text
area

rowspan <td>, <th> Specifies the


number of
rows a table
cell should
span

sandbox <iframe> Enables an


extra set of
restrictions
for the
content in an
<iframe>

scope <th> Specifies


whether a
header cell is
a header for a
column, row,
or group of
columns or
rows

selected <option> Specifies that


an option
should be
pre-selected
when the
page loads

shape <area> Specifies the


shape of the
area

size <input>, <select> Specifies the


width, in
characters
(for <input>)
or specifies
the number
of visible
options (for
<select>)

sizes <img>, <link>,<source> Specifies the


size of the
linked
resource

span <col>, <colgroup> Specifies the


number of
columns to
span

spellcheck Global Attributes Specifies


whether the
element is to
have its
spelling and
grammar
checked or
not

src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <tr Specifies the
ack>,<video> URL of the
media file

srcdoc <iframe> Specifies the


HTML
content of
the page to
show in the
<iframe>

srclang <track> Specifies the


language of
the track text
data
(required if
kind="subtitle
s")

srcset <img>, <source> Specifies the


URL of the
image to use
in different
situations

start <ol> Specifies the


start value of
an ordered
list
step <input> Specifies the
legal number
intervals for
an input field

style Global Attributes Specifies an


inline CSS
style for an
element

tabindex Global Attributes Specifies the


tabbing order
of an element

target <a>, <area>, <base>, <form> Specifies the


target for
where to
open the
linked
document or
where to
submit the
form

title Global Attributes Specifies


extra
information
about an
element

translate Global Attributes Specifies


whether the
content of an
element
should be
translated or
not

type <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script> Specifies the
,<source>, <style> type of
element

usemap <img>, <object> Specifies an


image as a
client-side
image-map

value <button>, <input>, <li>, <option>,<meter>, <progress>, <param> Specifies the


value of the
element

width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Specifies the
width of the
element

wrap <textarea> Specifies how


the text in a
text area is to
be wrapped
when
submitted in
a form

You might also like