 Menu   

  HTML CSS   

HTML Attribute Reference

❮ Previous Next ❯

HTML Attribute Reference

The table below lists all HTML attributes and what elements they can be
used within:

Attribute Belongs to Description

accept <input> Specifies the types of files that the

server accepts (only for type="file")

accept-charset <form> Specifies the character encodings

that are to be used for the form
submission

accesskey Global Attributes Specifies a shortcut key to

activate/focus 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

asynchronously (only for external
 scripts)

autocomplete <form>, <input> Specifies whether the <form> or the

<input> element should have
autocomplete enabled

autofocus <button>, <input>, <select>, Specifies that the element should

<textarea> 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="checkbox" or
type="radio")

cite <blockquote>, <del>, <ins>, <q> Specifies a URL which explains the
quote/deleted/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

contenteditable Global Attributes Specifies 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 the specified

<optgroup>, <option>, <select>, element/group of elements should
<textarea> 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

enctype <form> Specifies how the form-data should

be encoded when submitting it to
the server (only for method="post")

for <label>, <output> Specifies which form element(s) a

label/calculation is bound to

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

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>, Specifies the height of the element

<img>, <input>, <object>,
<video>

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/value 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>, Specifies what media/device the

<style> 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>, Specifies the name of the element

<iframe>, <input>, <map>,
<meta>, <object>, <output>,
<param>, <select>, <textarea>

novalidate <form> Specifies that the form should not

be validated when submitted

onabort <audio>, <embed>, <img>, Script to be run on abort

<object>, <video>

onafterprint <body> Script to be run after the document

is printed

onbeforeprint <body> Script to be run before the

document is printed

onbeforeunload <body> Script to be 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>, Script to be run when a file is ready

<video> to start playing (when it has
buffered enough to begin)

oncanplaythrough <audio>, <video> Script to be 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

oncontextmenu All visible elements. Script to be run when a context

menu is triggered

oncopy All visible elements. Script to be run when the content of

the element is being copied

oncuechange <track> Script to be run when the cue

changes in a <track> element

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

ondragenter All visible elements. Script to be run when an element

has been dragged to a valid drop
target

ondragleave All visible elements. Script to be run when an element

leaves a valid drop target

ondragover All visible elements. Script to be run when an element is

being dragged over a valid drop
target

ondragstart All visible elements. Script to be run at the start of a drag

operation

ondrop All visible elements. Script to be run when dragged

element is being dropped

ondurationchange <audio>, <video> Script to be 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>, Script to be run when an error
<img>, <object>, <script>, occurs
<style>, <video>

onfocus All visible elements. Script to be run when the element

gets focus

onhashchange <body> Script to be 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

onkeydown All visible elements. Script to be 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>, Script to be run when the element is

<input>, <link>, <script>, <style> finished loading

onloadeddata <audio>, <video> Script to be run when media data is

loaded

onloadedmetadata <audio>, <video> Script to be run when meta data

(like dimensions and duration) are
loaded

onloadstart <audio>, <video> Script to be run just as the file

begins to load before anything is
actually loaded

onmousedown All visible elements. Script to be run when a mouse

button is pressed down on an
element

onmousemove All visible elements. Script to be run as long as the 

mouse pointer is moving over an
element

onmouseout All visible elements. Script to be run when a mouse

pointer moves out of an element
onmouseover All visible elements. Script to be run when a mouse
pointer moves over an element

onmouseup All visible elements. Script to be run when a mouse

button is released over an element

onmousewheel All visible elements. Script to be 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

onpagehide <body> Script to be run when a user

navigates away from a page

onpageshow <body> Script to be 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
programmatically

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

onpopstate <body> Script to be 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

onratechange <audio>, <video> Script to be 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="search">)

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

ontimeupdate <audio>, <video> Script to be 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)

onvolumechange <audio>, <video> Script to be 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

placeholder <input>, <textarea> Specifies a 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>, <form>, <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>, Specifies the URL of the media file
<img>, <input>, <script>,
<source>, <track>, <video>

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="subtitles")

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>, Specifies the type of element

<link>, <menu>, <object>,
<script>, <source>, <style>

usemap <img>, <object> Specifies an image as a client-side

image map

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

width <canvas>, <embed>, <iframe>, Specifies the width of the element

<img>, <input>, <object>,
<video>

wrap <textarea> Specifies how the text in a text area

is to be wrapped when submitted in
a form

❮ Previous Next ❯
 

NEW

We just launched

W3Schools videos
 Explore now

COLOR PICKER






Get certified

by completing

a course today!

school
w3 s
2
CE

02

TI 2
R

FI .
ED

Get started

CODE GAME
 Play Game

Report Error

Forum

About

Shop

Top Tutorials
HTML Tutorial

CSS Tutorial

JavaScript Tutorial

How To Tutorial

SQL Tutorial

Python Tutorial

W3.CSS Tutorial

Bootstrap Tutorial

PHP Tutorial

Java Tutorial

C++ Tutorial

jQuery Tutorial

Top References
HTML Reference

CSS Reference

JavaScript Reference

SQL Reference

Python Reference

W3.CSS Reference

 Bootstrap Reference

PHP Reference

HTML Colors

Java Reference

Angular Reference

jQuery Reference

Top Examples
HTML Examples

CSS Examples

JavaScript Examples

How To Examples

SQL Examples

Python Examples

W3.CSS Examples

Bootstrap Examples

PHP Examples

Java Examples

XML Examples

jQuery Examples

Web Courses
HTML Course

CSS Course

JavaScript Course

Front End Course

SQL Course

Python Course

PHP Course

jQuery Course

Java Course

C++ Course

C# Course

XML Course

Get Certified »

W3Schools is optimized for learning and training. Examples might be simplified to improve
reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid
errors, but we cannot warrant full correctness of all content.
While using W3Schools, you agree
to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2022 by Refsnes Data. All Rights Reserved.

W3Schools is Powered by W3.CSS.