HTML Attributes

The table below lists of all HTML attributes:

Attribute	Belongs to	Description
accept	<input>	Specifies the types of files that the server accepts (only allowed 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 to send the form data when a form is submitted.
align	<caption>, <img>, <table>, <hr>, <div>, <h1> - <h6>, <p>	Deprecated Specifies the alignment of the elements.
alink	<body>	Deprecated Specifies the active link color in a document
alt	<area>, <img>, <input>	Specifies an alternate text.
async	<script>	Specifies that the script is executed asynchronously.
autocomplete	<form>, <input>	Specifies the element should have autocomplete enabled.
autofocus	<button>, <input>, <select>, <textarea>	Specifies the element should automatically get focus when the page loaded.
autoplay	<audio>, <video>	Specifies the audio/video will start playing when page is loaded.
background	<body>	Deprecated Specifies the background image.
bgcolor	<body>, <table>, <tr>, <td>, <th>	Deprecated Specifies the background color of an element.
border	<img>, <object>	Deprecated Specifies the width of the border of an element.
charset	<meta>, <script>	Specifies the character encoding.
checked	<input>	Specifies the <input> element should be pre-selected when the page loads. (only work for type="checkbox" or type="radio")
cite	<blockquote>, <del>, <ins>, <q>	Specifies the URL which explains the quote/deleted/inserted text.
class	Global Attributes	Specifies one or more classNames for an element.
clear	<br>	Deprecated Clears any right or left alignments.
color	All visible elements	Deprecated Specifies the text color of an element.
cols	<textarea>	Specifies the width of a text area.
colspan	<td>, <th>	Specifies the number of columns a table cell should be span.
content	<meta>	Specifies the value associated with the http-equiv or name attribute.
contenteditable	Global Attributes	Specifies the content of an element is to be editable or not.
controls	<audio>, <video>	Specifies that audio/video controls should be displayed.
compact	<ol>, <ul>	Deprecated Specifies the list should render smaller than normal.
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	This attribute is used to store custom data private to the page or application.
datetime	<del>, <ins>, <time>	Specifies the date and time.
default	<track>	Specifies the track is to be enabled if the user's preferences do not specifies that another track would be more appropriate.
defer	<script>	Specifies 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 the text direction of element will be submitted.
disabled	<button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea>	Specifies the element/group of elements should be disabled.
download	<a>, <area>	Specifies the target will be downloaded when a user clicks on the hyperlink.
draggable	Global Attributes	The draggable attribute is used to set whether or not an element is draggable.
enctype	<form>	Specifies how form data should be encoded before being sent to the server.
for	<label>, <output>	Specifies the id for the form control element.
form	<button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea>	Specifies that corresponds to the id of the form element is associated with.
formaction	<button>, <input>	Specifies where to send the form-data.
headers	<td>, <th>	Specifies a space-separated list of id values that correspond to the header cells related to this cell.
height	<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>	Specifies the height of the element.
hidden	Global Attributes	The hidden attribute is a Boolean, or presence-based, attribute that does not require a value.
high	<meter>	Specifies the lower numeric bound of the high end of the measured range.
href	<a>, <area>, <base>, <link>	Specifies the Hyperlink of the page used to navigate.
hreflang	<a>, <area>, <link>	Specifies the language of the hyperlinked page or document.
hspace	<img>, <object>	Deprecated Specifies the whitespace or padding on left or right sides of an element.
http-equiv	<meta>	The http-equiv attribute binds the meta-information in the content attribute to an equivalent HTTP response header.
id	Global Attributes	Specifies a unique alphanumeric identifier to be associated with an element.
ismap	<img>	Specifies that the image is a server-side image map.
kind	<track>	Specifies how the text track is meant to be used.
label	<track>, <option>, <optgroup>	Specifies title of the text track.
lang	Global Attributes	Specifies the language being used for the enclosed content.
language	<script>	Deprecated Specifies scripting language.
list	<input>	Specifies id of a datalist element used to provide a predefined list of options suggested to the user for entry.
link	<body>	Deprecated Specifies the default color of the links.
loop	<audio>, <video>	Specifies that the audio and video should loop.
low	<meter>	Specifies a numeric value that is the high range allowed in the form control.
max	<input>, <meter>, <progress>	Specifies the maximum value
maxlength	<input>, <textarea>	Specifies the maximum content length that can be entered in a text form control.
media	<a>, <area>, <link>, <source>, <style>	Specifies what media/device the linked document is optimized for
method	<form>	Specifies how form information should be transferred to the server using a particular HTTP method.
min	<input>, <meter>	Specifies a minimum value.
minlength	<input>, <textarea>	Specifies the mainimum content length that can be entered in a text form control.
multiple	<input>, <select>	Specifies that a user can enter more than one value or items.
muted	<video>, <audio>	Specifies the default setting of the audio contained in the video or audio elements.
name	<button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea>	Specifies the name of the element.
novalidate	<form>	Specifies that whether or not form validation should be applied on the elements within.
noshade	<hr>	Deprecated It specifies that a horizontal line should render in one solid color (noshaded).
nowrap	<td>, <th>	Deprecated Specifies that the text should not wrap within the table cell.
onabort	<audio>, <embed>, <img>, <object>, <video>	Script to run when the loading of an audio/video is aborted.
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>, <video>	Script to be run when a file is ready to start playing.
oncanplaythrough	<audio>, <video>	Script to be run when the browser can play through the audio/video without stopping 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 has been 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 has been copied.
oncuechange	<track>	The oncuechange attribute specifies a script to run when the cue changes in a <track> element.
oncut	All visible elements.	Script to be run when the user cuts the content of an element.
ondblclick	All visible elements.	Script to be run when the element is being double-clicked by user.
ondrag	All visible elements.	Script to be run when the element is being dragged.
ondragend	All visible elements.	Script to be run when the end of a drag.
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.
ondrop	All visible elements.	Script to be run when dragged element has been dropped.
ondurationchange	<audio>, <video>	Script to be fired when the length of the media changes.
onemptied	<audio>, <video>	Script to be fired when something went wrong and the file is unavailable.
onended	<audio>, <video>	Script to be fired when the media has reach the end.
onerror	<audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video>	Script to be fired when an error occurs.
onfocus	All visible elements.	Script to be fired when the element gets focus.
onhashchange	<body>	Script to be fired when the URL’s hash identifier value changes.
oninput	All visible elements.	Script to be fired when the element gets user input.
oninvalid	All visible elements.	Script to be fired when the element is invalid.
onkeydown	All visible elements.	Script to be fired when a user is pressing a key.
onkeypress	All visible elements.	Script to be fired when a user presses a key.
onkeyup	All visible elements.	Script to be fired when a user releases a key.
onload	<body>, <iframe>, <img>, <input>, <link>, <script>, <style>	Script to be fired when the element is finished loading.
onloadeddata	<audio>, <video>	Script to be fired when media data is loaded.
onloadedmetadata	<audio>, <video>	Script to be fired when meta data are loaded.
onloadstart	<audio>, <video>	Script to be fired just when the file begins to load before actually loaded.
onmousedown	All visible elements.	Script to be fired when a mouse button is pressed down on an element.
onmousemove	All visible elements.	Script to be fired as long as the mouse pointer is moving over an element.
onmouseout	All visible elements.	Script to be fired when a mouse pointer moves out of an element.
onmouseover	All visible elements.	Script to be fired when a mouse pointer moves over an element.
onmouseup	All visible elements.	Script to be fired when a mouse button is released over an element.
onmousewheel	All visible elements.	Deprecated Script to be fired when a mouse wheel is being scrolled over an element.
onoffline	<body>	Script to be fired when the user agent goes back offline.
ononline	<body>	Script to be fired when the user agent goes back online.
onpagehide	<body>	Script to be fired when a user navigates away from a page.
onpageshow	<body>	Script to be fires when a suspended page is shown again.
onpaste	All visible elements.	Script to be fires when the user pastes some text in an element.
onpause	<audio>, <video>	Script to be fired when the media is paused.
onplay	<audio>, <video>	Script to be fired 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 history changes.
onprogress	<audio>, <video>	Script to be run when the browser is getting the media data.
onratechange	<audio>, <video>	Script to be run each time the playback rate changes.
onreset	<form>	Script to be run when a reset button is clicked in a form element.
onresize	<body>	Script to be run when the browser window has been 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 in a search field.
onseeked	<audio>, <video>	Script to be run when the user is finished moving/skipping to a new position in the audio/video.
onseeking	<audio>, <video>	Script to be run when the user starts moving/skipping to a new position in the audio/video.
onselect	All visible elements.	Script to be run when the element is selected.
onstalled	<audio>, <video>	Script to be run when the browser is unable to fetch the media data.
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.
ontimeupdate	<audio>, <video>	Script to be run when the playing position has been changed.
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.
onvolumechange	<audio>, <video>	Script to be run each time the volume of a audio/video has been changed.
onwaiting	<audio>, <video>	Script to be run when the media has paused but it might be resume.
onwheel	All visible elements.	Script to be run when the mouse wheel rolls up or down over an element.
open	<details>, <dialog>	Specifies that the detail/dialog element should be open(visible) to the user.
optimum	<meter>	Specifies what value is the optimal value for the gauge.
pattern	<input>	Specifies a regular expression that the value is checked against.
placeholder	<input>, <textarea>	Specifies a short bit of text that is used to help the user figure out what type of information to fill in for a form control.
poster	<video>	Specifies an image to be shown while 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 page.
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 (3,2,1).
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 visible dimension, in characters, of a text form control.
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>, <track>, <video>	Specifies the 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.
srcset	<img>, <source>	Specifies one or more strings separated by commas, indicating possible image sources for the user agent to use.
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	It used to provide advisory text about an element or its contents.
translate	Global Attributes	Specifies the content of an element should be translated or not.
type	<a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style>	Specifies the media type in the form of a MIME type.
usemap	<img>, <object>	Specifies the URL of the image map to be used with the object/image.
value	<button>, <input>, <li>, <option>, <meter>, <progress>, <param>	Specifies the value for elements(initial value for some elements).
width	<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>	Specifies the width of an element.
wrap	<textarea>	Specifies how the control wraps text.