HTML <button>标签,及常用属性表
<button>标签
button元素可以用来定义HTML文档中的按钮,元素内可以添加文本,也可以添加图像image等,比如下方的这个skyblue颜色的图片,可以点击看看。
语法
<button></button>
提示:button是行内元素,包含起始标签和结束标签。
button元素可选属性
属性 | 值 | 描述 |
---|---|---|
type | button、reset、submit | 指定按钮类型 |
name | 自定义文本 | 指定按钮名称 |
value | 自定义文本 | 指定按钮初始值 |
autofocus | autofocus | 指定页面加载时按钮自动获取焦点 |
disabled | disabled | 指定按钮被禁用 |
form | form_name | 指定按钮属于哪一个表单 |
formaction | URL | 覆盖form表单元素内的action属性,与type='submit'配合使用 |
formmethod | get、post | 覆盖form表单内的method属性,与type='submit'配合使用 |
formenctype | application/x-www-form-urlencoded、multipart/form-data、text/plain | 覆盖form表单内的enctype属性,与type='submit'配合使用 |
formnovalidate | formnovalidate | 覆盖form表单内的novalidate属性,与type='submit'配合使用 |
formtarget | _blank、_self、_parent、_top、framename | 覆盖form表单内的target属性,与type='submit'配合使用 |
button元素实例代码,及在线编辑器
<p>这是一个<button onclick='dosomething()' class='btn btn-default'>按钮</button>,button是行内元素,该button被编写在段落元素p之内。</p>
<script>
function dosomething(){
alert('这个按钮内的内容是文本,可以使用img试一试')
}
</script>