html中<button>按钮标签详细介绍

在html中,标签也是很常用的,经常用来在页面中添加按钮。“button”作为英文单词就有“按钮”的意思,接下我们就一起来看看它的具体用法吧!

一、标签定义及用法

在html中,标签是使用来定义一个按钮,在该标签中可以放置一些内容(文本、图像等)。

标签也可以使用来定义按钮,但是它是一个空标签(没有元素内容),不能放置元素内容,所以它的功能没有标签强大。

标签功能虽然强大,但是在html表单中建议使用标签来创建按钮,因为对于标签在html表单中,不同的浏览器可能提交不同的按钮值。

二、标签定义及用法

内容

说明:标签中的type属性是用来规定按钮的类型的,建议始终都规定该属性,因为每个浏览器默认的type值可能不一样。

三、标签的属性

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:按钮的初始值,值为:自定义;

  • 3
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值