button
适用DTD:Strict Transitional Frameset   适用浏览器:All
释义
按钮(button)

语法
<button 属性="属性值">~标签内容~</button>

说明
button用来配置一个按钮控件,从功能上来说,与input制作出来的按钮相同
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>

范例
下面的例子显示了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>

参阅
form
select
textarea
input
fieldset