在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-date ,text/plain |
formmethod |
指定提交按钮控件时HTTP的方法。可能的值为:get ,post ,put 和delete |
formnovalidate |
指定在提交按钮控件时不对表单进行验证 |
formtarget |
指定加载浏览上下文的目标,例如新选项卡或新窗口 |
name |
提供按钮控件的名称 |
type |
指定按钮控件的类型。 可能的值包括提交,重置和按钮 |
value |
为按钮控件提供一个值。如果存在form 属性,则可以使用此属性 |