HTML <button>标签,及常用属性表

<button>标签

button元素可以用来定义HTML文档中的按钮,元素内可以添加文本,也可以添加图像image等,比如下方的这个skyblue颜色的图片,可以点击看看。


语法

<button></button>

提示:button是行内元素,包含起始标签和结束标签。


button元素可选属性

属性描述
typebutton、reset、submit指定按钮类型
name自定义文本指定按钮名称
value自定义文本指定按钮初始值
autofocusautofocus指定页面加载时按钮自动获取焦点
disableddisabled指定按钮被禁用
formform_name指定按钮属于哪一个表单
formactionURL覆盖form表单元素内的action属性,与type='submit'配合使用
formmethodget、post覆盖form表单内的method属性,与type='submit'配合使用
formenctypeapplication/x-www-form-urlencoded、multipart/form-data、text/plain覆盖form表单内的enctype属性,与type='submit'配合使用
formnovalidateformnovalidate覆盖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>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.