实例当用户按键时执行一段 JavaScript：<input type="text" onkeydown="displayResult()">浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onkeydown 属性。定义和用法onkeydown 属性在用户（在键盘上）按键时触发。提示：相对于 onkeydown 事件的事件次序：onkeydown onkeypress onkeyup注释：onkeydown 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <...
实例当鼠标指针移动到图像上时执行一段 JavaScript：<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmouseover 属性。定义和用法onmouseover 属性在鼠标指针移动到元素上时触发。注释：onmouseover 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。HTML 4.01 与 HTML5 之间的差...
实例当在段落上松开鼠标按钮时执行 JavaScript：<p onmouseup="mouseUp()">Click the text!</p>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmouseup 属性。定义和用法onmouseup 属性在松开鼠标按钮时触发。提示：相对于 onmouseup 事件的事件次序（限于鼠标左/中键）：onmousedownonmouseuponclickonmouseup 事件的事件次序（限于鼠标右键）：onmousedownonmouseuponcontextmenu注释：onmouseup 属性不适用于以下...
实例当点击按钮时执行一段 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...
实例当值改变时检查输入字段：<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 发生时运行的脚本。实例当值改变时...
当我们学html前期的时候我们会遇到iframe这个属性值，其实iframe是一个很有趣的标签，现在小编就带着初级的同学讲一讲。HTML iframe 标签的作用就是创建包含另外一个文档的内联框架（即行内框架），通俗点的说法就是在一个html页面嵌入另外一个html页面。这个标签在实际工作中还是比较常见而且重要的。比如一般web项目的后台基本都要用到iframe，还有我们登录各种邮箱也经常会看到点击左边链接，右边网页跟着切换等的效果，基本都是...
实例带有指定快捷键的超链接：<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...