HTML <button>标签
定义和使用
<button>标签定义一个可点击的按钮
<button>元素里面你可以放一些内容,例如:文字或图片.这个元素和用<input>标签创建的按钮是不同的.
提示:要一直给<button>元素指定type属性.不同的浏览器给<button>元素用不同的type默认属性.
浏览器支持
| 元素 |  |  |  |  |  |
|---|---|---|---|---|---|
| <button> | 支持 | 支持 | 支持 | 支持 | 支持 |
提示和注意
注意:如果在HTML form元素里使用了<button>元素,不同的浏览器或许会提交不同的值.在表单里要用<input>来创建按钮.
提示:访问我们的CSS按钮教程来学习怎么给按钮添加CSS样式.
HTML 4.01和HTML5之间的区别
HTML5里有这些新属性:autofocus,form,formaction,formenctype,formmethod,formnovalidate和formtarget.
属性
=HTML5里的新属性
| 属性 | value | 描述 |
|---|---|---|
| autofocus | autofocus | 当页面加载时自动获取光标. |
| disabled | disabled | 指定按钮为禁用状态. |
| form | 表单唯一id | 指定按钮属于其它表单 |
| formaction | URL | 指定当表单提交时把表单数据提交到哪里.只有type="submit"时才有用. |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 指定表单数据在发送给服务器之前的编码方式,只用于type="submit" |
| formmethod | get post | 指定怎么发送表单数据(使用哪种HTTP方法).只用于type="submit". |
| formnovalidate | formnovalidate | 指定表单数据在提交时不需要验证.只用于type="submit" |
| formtarget | _blank _self _parent _top framename | 指定在提交表单后在哪里显示返回的信息.只用于type="submit" |
| name | name | 指定按钮的名字 |
| type | button reset submit | 指定按钮的类型. |
| value | text | 指定按钮的初始化值. |
全局属性
<button>标签也支持HTML全局属性.
事件属性
<button>标签也支持HTML事件属性.
默认CSS设置
设置.
评论区