在html中,<button>标签也是很常用的,经常用来在页面中添加按钮。“button”作为英文单词就有“按钮”的意思,接下我们就一起来看看它的具体用法吧!
一、<button>标签定义及用法
在html中,<button>标签是使用来定义一个按钮,在该标签中可以放置一些内容(文本、图像等)。
<input>标签也可以使用来定义按钮,但是它是一个空标签(没有元素内容),不能放置元素内容,所以它的功能没有<button>标签强大。
<buttn>标签功能虽然强大,但是在html表单中建议使用<input>标签来创建按钮,因为对于<button>标签在html表单中,不同的浏览器可能提交不同的按钮值。
二、<button>标签定义及用法
<button type = "submit ">内容</button>
说明:<button>标签中的type属性是用来规定按钮的类型的,建议始终都规定该属性,因为每个浏览器默认的type值可能不一样。
三、<button>标签的属性
autofocus:按钮获得焦点,值为:autofocus;disabled:禁用该按钮,值为:disabled;form:关联一个或多个表单,值为:表单的id属性值;formaction:提交表单时向何处发送表单数据,将覆盖form标签中的action属性,需与type="submit" 配合使用,值为:地址;formenctype:向服务器发送表单数据之前如何对其进行编码,将覆盖form表单中的enctype属性,需与type="submit"配合使用,只可以是:multipart/form-data、text/plain等;formmethod:用于发送表单数据的HTTP方法,将覆盖form标签中的method属性,需与type="submit"配合使用,值可以是:get、post;formnovalidate:规定提交表单时不进行验证,将覆盖form标签中的novalidate属性,需与type="submit"配合使用,值为:formnovalidate;formtarget:规定在何处打开目标,将覆盖form标签中的target属性,需与type="submit"配合使用,值可以为:_blank、_self、_parent、_top、framename;name:按钮的名称,值为:自定义;type:按钮的类型,只可以是:button、reset、submit;value:按钮的初始值,值为:自定义;四、实例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中<button>按钮标签详细介绍</title></head><body bgcolor="burlywood"><button type="button">普通按钮</button><br><br><button type="submit">提交按钮</button><br><br><button type="reset">重置按钮</button></body></html>