在HTML中,<button>标记用于在表单上添加按钮控件。 按钮控件可用于执行各种任务,例如提交或重置表单的详细信息。

<button>标记可以与<form>标记结合使用,以在表单上显示控件。 也可以通过使用<button>标记将按钮控件放置在窗体上,但是区别在于您无权更改按钮控件的外观,只是更改了按钮控件上的文本。 但是,如果使用<button>标记创建了按钮控件,则可以更改按钮控件的外观。

通过使用<button>标签的开始和结束标签来创建按钮控件。 嵌入在<button>标记的开始和结束标记之间的文本,图像或任何多媒体都成为按钮控件的内容。

<button>标记提供了type属性,此属性允许创建三种按钮控件,即,提交按钮,重置按钮和普通按钮。 提交按钮用于提交表单,而重置按钮用于擦除在表单文本框中输入的所有文本并设置默认值。

提交按钮是通过将类型属性设置为提交来创建的,重置按钮是通过将类型属性设置为重置来创建的,而普通按钮是通过将类型属性的值设置为button来创建的。

BUTTON标签的属性

下表描述了<button>标签的各种属性:

属性 描述
autofocus 用于按钮控件在页面加载后立即获得焦点。
disabled 禁用按钮控件
form 引用<FORM>标签的ID
formaction 引用当前表单的action属性的值
formenctype 指定一个值,该值用于在提交到服务器时对内容进行编码。 可能的值是application/x-www-form-urlencoded(默认),multipart/form-datetext/plain
formmethod 指定提交按钮控件时HTTP的方法。可能的值为:getpostputdelete
formnovalidate 指定在提交按钮控件时不对表单进行验证
formtarget 指定加载浏览上下文的目标,例如新选项卡或新窗口
name 提供按钮控件的名称
type 指定按钮控件的类型。 可能的值包括提交,重置和按钮
value 为按钮控件提供一个值。如果存在form属性,则可以使用此属性