PHP Developers

Wednesday, August 15, 2012

HTML / XHTML Standard Event Attributes

Standard Event Attributes

HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element.

To learn more about programming events, please visit our JavaScript tutorial and our DHTML tutorial.

Below is the standard event attributes that can be inserted into HTML / XHTML elements to define event actions.

<body> and <frameset> Events

The two attributes below can only be used in <body> or <frameset>:

Attribute	Value	Description
onload	script	Script to be run when a document load
onunload	script	Script to be run when a document unload

Form Events

The attributes below can be used in form elements:

Attribute	Value	Description
onblur	script	Script to be run when an element loses focus
onchange	script	Script to be run when an element changes
onfocus	script	Script to be run when an element gets focus
onreset	script	Script to be run when a form is reset
onselect	script	Script to be run when an element is selected
onsubmit	script	Script to be run when a form is submitted

Image Events

The attribute below can be used with the img element:

Attribute	Value	Description
onabort	script	Script to be run when loading of an image is interrupted

Keyboard Events

Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title.

Attribute	Value	Description
onkeydown	script	Script to be run when a key is pressed
onkeypress	script	Script to be run when a key is pressed and released
onkeyup	script	Script to be run when a key is released

Mouse Events

Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title.

Attribute	Value	Description
onclick	script	Script to be run on a mouse click
ondblclick	script	Script to be run on a mouse double-click
onmousedown	script	Script to be run when mouse button is pressed
onmousemove	script	Script to be run when mouse pointer moves
onmouseout	script	Script to be run when mouse pointer moves out of an element
onmouseover	script	Script to be run when mouse pointer moves over an element
onmouseup	script	Script to be run when mouse button is released

HTML Attributes

The attributes listed below are standard, and can be used in nearly all HTML/XHTML tags.

Core Attributes

Valid in all elements, except: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, and <title>.

Attribute	Description
class	Specifies one or more classnames for an element (refers to a class in a style sheet)
id	Specifies a unique id for an element
style	Specifies an inline CSS style for an element
title	Specifies extra information about an element

Language Attributes

Valid in all elements, except: <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, and <script>.

Attribute	Description
dir	Specifies the text direction for the content in an element
lang	Specifies the language of the element's content
xml:lang	Specifies the language of the element's content (for XHTML documents)

Keyboard Attributes

Attribute	Description
accesskey	Specifies a shortcut key to activate/focus an element
tabindex	Specifies the tabbing order of an element

HTML Tags

Ordered Alphabetically

DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset

Tag	Description	DTD
<!--...-->	Defines a comment	STF
<!DOCTYPE>	Defines the document type	STF
<a>	Defines an anchor	STF
<abbr>	Defines an abbreviation	STF
<acronym>	Defines an acronym	STF
<address>	Defines contact information for the author/owner of a document	STF
<applet>	Deprecated. Defines an embedded applet	TF
<area />	Defines an area inside an image-map	STF
<b>	Defines bold text	STF
<base />	Specifies the base URL/target for all relative URLs in a document	STF
<basefont />	Deprecated. Specifies a default color, size, or font for all the text in a document	TF
<bdo>	Overrides the current text direction	STF
<big>	Defines big text	STF
<blockquote>	Defines a long quotation	STF
<body>	Defines the document's body	STF
<br />	Defines a single line break	STF
<button>	Defines a clickable button	STF
<caption>	Defines a table caption	STF
<center>	Deprecated. Defines centered text	TF
<cite>	Defines a citation	STF
<code>	Defines a piece of computer code	STF
<col />	Defines attribute values for one or more columns in a table	STF
<colgroup>	Specifies a group of one or more columns in a table for formatting	STF
<dd>	Defines a description of an item in a definition list	STF
<del>	Defines text that has been deleted from a document	STF
<dfn>	Defines a definition term	STF
<dir>	Deprecated. Defines a directory list	TF
<div>	Defines a section in a document	STF
<dl>	Defines a definition list	STF
<dt>	Defines a term (an item) in a definition list	STF
<em>	Defines emphasized text	STF
<fieldset>	Groups related elements in a form	STF
<font>	Deprecated. Defines font, color, and size for text	TF
<form>	Defines an HTML form for user input	STF
<frame />	Defines a window (a frame) in a frameset	F
<frameset>	Defines a set of frames	F
<h1> to <h6>	Defines HTML headings	STF
<head>	Defines information about the document	STF
<hr />	Defines a horizontal line	STF
<html>	Defines the root of an HTML document	STF
<i>	Defines italic text	STF
<iframe>	Defines an inline frame	TF
<img />	Defines an image	STF
<input />	Defines an input control	STF
<ins>	Defines text that has been inserted into a document	STF
<kbd>	Defines keyboard input	STF
<label>	Defines a label for an <input> element	STF
<legend>	Defines a caption for a <fieldset> element	STF
<li>	Defines a list item	STF
<link />	Defines the relationship between a document and an external resource	STF
<map>	Defines a client-side image-map	STF
<menu>	Deprecated. Defines a menu list	TF
<meta />	Defines metadata about an HTML document	STF
<noframes>	Defines an alternate content for users that do not support frames	TF
<noscript>	Defines an alternate content for users that do not support client-side scripts	STF
<object>	Defines an embedded object	STF
<ol>	Defines an ordered list	STF
<optgroup>	Defines a group of related options in a drop-down list	STF
<option>	Defines an option in a drop-down list	STF
<p>	Defines a paragraph	STF
<param />	Defines a parameter for an object	STF
<pre>	Defines preformatted text	STF
<q>	Defines a short quotation	STF
<s>	Deprecated. Defines strikethrough text	TF
<samp>	Defines sample output from a computer program	STF
<script>	Defines a client-side script	STF
<select>	Defines a drop-down list	STF
<small>	Defines smaller text	STF
<span>	Defines a section in a document	STF
<strike>	Deprecated. Defines strikethrough text	TF
<strong>	Defines strong text	STF
<style>	Defines style information for a document	STF
<sub>	Defines subscripted text	STF
<sup>	Defines superscripted text	STF
<table>	Defines a table	STF
<tbody>	Groups the body content in a table	STF
<td>	Defines a cell in a table	STF
<textarea>	Defines a multiline input control (text area)	STF
<tfoot>	Groups the footer content in a table	STF
<th>	Defines a header cell in a table	STF
<thead>	Groups the header content in a table	STF
<title>	Defines a title for the document	STF
<tr>	Defines a row in a table	STF
<tt>	Defines teletype text	STF
<u>	Deprecated. Defines underlined text	TF
<ul>	Defines an unordered list	STF
<var>	Defines a variable	STF
<xmp>	Deprecated. Defines preformatted text