实例当点击按钮时执行一段 JavaScript：<button onclick="copyText()">Copy Text</button>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onclick 属性。定义和用法onclick 属性由元素上的鼠标点击触发。注释：onclick 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。HTML 4.01 与 HTML5 之间的差异无。语法<element onclick="script">属性值值...
实例当双击鼠标按钮时执行一段 JavaScript：<button ondblclick="copyText()">Copy Text</button>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 ondblclick 属性。定义和用法ondblclick 属性在鼠标双击元素时触发。注释：ondblclick 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。HTML 4.01 与 HTML5 之间的差异无。语法<element ondblclick=...
实例当用户离开输入字段时对其进行验证：<input type="text" name="fname" id="fname" onblur="upperCase()">浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onblur 属性。定义和用法onblur 属性在元素失去焦点时触发。onblur 常用于表单验证代码（例如用户离开表单字段）。提示：onblur 属性与 onfocus 属性相反。HTML 4.01 与 HTML5 之间的差异无。语法<element onblur="script">属性值值描述scriptonblur 发生时运行...
实例当在段落上按下鼠标按钮时执行一段 JavaScript：<p onmousedown="mouseDown()">请点击此文本！</p>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmousedown 属性。定义和用法onmousedown 属性在鼠标按钮在元素上按下时触发。提示：相对于 onmousedown 事件的事件次序（限于鼠标左/中键）：onmousedown onmouseup onclick相对于 onmousedown 事件的事件次序（限于鼠标右键）：onmousedown onmouseup oncontextme...
实例当鼠标指针移动到图像上时执行一段 JavaScript：<img onmousemove="bigImg(this)" src="smiley.gif" alt="Smiley">浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmousemove 属性。定义和用法onmousemove 属性在鼠标指针移动到元素上时触发。注释：onmousemove 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。HTML 4.01 与 HTML5 之间的差...
实例当值改变时检查输入字段：<input type="text" name="txt" value="Hello" onchange="checkField(this.value)">浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onchange 属性。定义和用法onchange 在元素值改变时触发。onchange 属性适用于：<input>、<textarea> 以及 <select> 元素。HTML 4.01 与 HTML5 之间的差异无。语法<element onchange="script">属性值值描述scriptonchange 发生时运行的脚本。实例当值改变时...
实例当 <input> 元素内的文本被选中后执行一段 JavaScript：<input type="text" onselect="showMsg() value="Hello world!">浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onselect 属性。定义和用法onselect 属性在元素中的文本被选中时触发。onselect 属性可用于以下元素内：<input type="file">、<input type="password">、<input type="text">、<keygen> 以及 <textarea>.HTML 4.01 与 HTML5 之间的差异无。语法<...
实例带有指定快捷键的超链接：<a href="http://www.w3school.com.cn/html/" accesskey="h">HTML</a><br /> <a href="http://www.w3school.com.cn/css/" accesskey="c">CSS</a>浏览器支持几乎所有浏览器均 accesskey 属性，除了 Opera。定义和用法accesskey 属性规定激活（使元素获得焦点）元素的快捷键。提示和注释注释：以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。语法<e...
实例在 HTML 文档中使用 class 属性：<html> <head> <style type="text/css"> h1.intro {color:blue;} p.important {color:green;} </style> </head><body> <h1 class="intro">Header 1</h1> <p>A paragraph.</p> <p class="important">Note that this is an important paragraph.</p> </body> </html>定义和用法class 属性规定元素的类名（classname）。class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通...
实例一段可编辑的段落：<p contenteditable="true">这是一个可编辑的段落。</p>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 contenteditable 属性。定义和用法contenteditable 属性规定元素内容是否可编辑。注释：如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性。HTML 4.01 与 HTML5 之间的差异contenteditable 属性是 HTML5 中的新属性。语法<element contenteditable="true|false">属性值...
实例一段方向从右向左的段落：<p dir="rtl">Write this text right-to-left!</p>浏览器支持所有浏览器均支持 dir 属性。定义和用法dir 属性规定元素内容的文本方向。提示和注释注释：dir 属性在以下标签中无效：<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>。语法<element dir="ltr|rtl">属性值值描述ltr默认。从左向右的文本方向。rtl从右向左的文本方向。示例ltr左到右的对齐方式<html xmlns="htt...
实例通过 JavaScript 利用 id 属性来改变一段文本：<html> <head> <script type="text/javascript"> function change_header() { document.getElementById("myHeader").innerHTML="Nice day!"; } </script> </head><body> <h1 id="myHeader">Hello World!</h1> <button onclick="change_header()">Change text</button> </body></html> 亲自试一试定义和用法id 属性规定 HTML 元素的唯一的 id。id 在 HTML 文档中必须是唯一的。id ...
实例段落中的一些法文：<p lang="fr">Ceci est un paragraphe.</p>浏览器支持所有浏览器均支持 lang 属性。定义和用法lang 属性规定元素内容的语言。提示和注释注释：lang 属性在以下标签中无效：<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>。语法<element lang="language_code">属性值值描述language_code规定元素内容的语言代码。写在html标签中的lang属性作用：声明当前页面的语言类型。如： <h...
实例在 HTML 文档中使用 style 属性：<h1 style="color:blue; text-align:center">This is a header</h1> <p style="color:red">This is a paragraph.</p>定义和用法style 属性规定元素的行内样式（inline style）style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。支持W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推荐标准中是否定义了该属性。IEFirefoxOperaSafariW3CYESYESYESYESYES语法<element ...
实例在 HTML 文档中使用 title 属性：<abbr title="Peoples Republic of China">PRC</abbr> was founded in 1949. <p title="Free Web tutorials">W3School.com.cn</p>定义和用法title 属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。提示：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。支持...