button
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
按钮（button）
语法
<button 属性="属性值">~标签内容~</button>
<button 属性="属性值">~标签内容~</button>
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| ① type | 预定义值 | 定义按钮类型，可以有3中取值：submit为提交按钮，reset为重置按钮，button为普通按钮。W3C指定其默认值为submit，IE 6默认其值为button |
| ② name | name名 | 为当前控件指定一个名称，传递数据时作为参数名称，或用于客户端脚本引用。属性值需符合name命名规范 |
| ③ value | 任意字符串 | 按钮控件的默认数据值，表单提交后传递数据时作为参数值，或用于客户端脚本操作 |
| ④ disabled | 空值|disabled | 指定该控件不可用。设定后，该控件变成灰色，不能获得焦点（当然不能修改其数据了），不可使用Tab导航键访问，而且表单传输数据时也不会传输该控件的数据。此属性为布尔属性，在XHTML中需要设置为disable="disable"。注：动态修改disabled属性的唯一方式是使用脚本程序 |
| ⑤ tabindex | 0~32767的整数 | 按下Tab键时控件获得焦点（键盘遍历）的顺序，从属性值最小者开始移动 |
| ⑥ accesskey | 任一文字字符 | 指定快捷访问键，Windows下为Alt键加快捷访问键，Macintosh下为Command键加上此快捷访问键 |
⑦ 通用属性：id、class、title、style、dir、lang、xml:lang  |
||
| ⑧ 内在事件属性：onfocus、onblur |
||
nbsp;
示范
创建一个提交按钮：
<button type="submit">按钮文字...</button>
<button type="submit">按钮文字...</button>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了XHTML文件基础结构：
运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素button</title>
</head>
<body>
<form action="javascript:alert('此表单仅用于演示！')">
Name:<input type="text"><br>
E-mail:<input type="text"><br>
<button type="submit">提交</button> <button type="reset">重置</button>
</form>
<input type="text" size="25" value="Google Search" onfocus="this.value=''"> <button type="button"><img src="src/search.gif" alt="图像按钮"></button><br>
<button type="button" title="点击我没有任何作用，我还没有指定任何功能">这是通用型按钮</button>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素button</title>
</head>
<body>
<form action="javascript:alert('此表单仅用于演示！')">
Name:<input type="text"><br>
E-mail:<input type="text"><br>
<button type="submit">提交</button> <button type="reset">重置</button>
</form>
<input type="text" size="25" value="Google Search" onfocus="this.value=''"> <button type="button"><img src="src/search.gif" alt="图像按钮"></button><br>
<button type="button" title="点击我没有任何作用，我还没有指定任何功能">这是通用型按钮</button>
</body>
</html>