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