Web速查-索引

button

定义

<button> 标签用于定义一个按钮。

使用 input 元素也可以设置成按钮的样式,但是在 button 元素的内部,你可以放置文本或图像,而 input 元素则不行。

请始终位 button 元素设置 type 属性,因为不同的浏览器为其指定的默认值可能不同。

属性

属性 描述
autofocus autofocus 指定当页面加载的时候,按钮将获得焦点。
disabled disabled 禁用按钮。
form form_id 指定按钮所关联的表单 ID。
formaction url 覆盖 form 元素的 action 属性。注释:该属性与 type="submit" 配合使用。
formenctype application/x-www-form-urlencoded、multipart/form-data、text/plain 覆盖 form 元素的 enctype 属性。注释:该属性与 type="submit" 配合使用。
formmethod get、post 覆盖 form 元素的 method 属性。注释:该属性与 type="submit" 配合使用。
formnovalidate formnovalidate 覆盖 form 元素的 novalidate 属性。注释:该属性与 type="submit" 配合使用。
formtarget _blank、_self、_parent、_top、framename 覆盖 form 元素的 target 属性。注释:该属性与 type="submit" 配合使用。
name button_name 指定按钮的名称。
type button、reset、submit 指定按钮的类型。
value text 指定按钮的初始值。注释:可由脚本进行修改。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
</head>
<body>
<form action="demo/welcome.php" method="post">
名字:<input type="text" name="name"><br><br>
邮箱:<input type="text" name="email"><br><br>
<button type="submit">提交</button>
</form>
</body>
</html>
名字:

邮箱:

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
1.0 1.0 1.0 1.0