您好!欢迎来到静学网! 注册 登入
  • 致力提供中国优质教程及自媒体资讯,打造中国品牌教育先锋。

<button>标签的深层应用,很多人不知道的功能都在这

课程目录 卢育永 次浏览
SEO视频教程已经出了很多节标签的讲解,由于标签比较多,很难讲全,所以重点标签会在所有的视频教程中出来,视频还没有制作出来,但是后期会做出来,这一节来讲一下<button>这个按钮标签,这个标签是比较重要的,一般在表单中经常用到,也有其对象属性,别看这个简单,其实要灵活运用起来还真不简单,很多功能大家可能也不经常用,因此忽略是在所难免的,下面就给大家一一来讲解,有什么不懂可以询问,或者留言。
 
当前<button>标签在所有的浏览器中都是兼容的,值得注意的是再HTML表单中使用button这个元素,针对不同的浏览器会提交不同的值,例如在IE中将提交的是<button>之间的文本,而其它的浏览器提交的是VALUE属性内容,与<input>标签相比,<button>标签更具有优势,功能更加强大。那么我们来看<button>的属性有哪些。


<button>属性有:
 autofocus autofocus 规定当页面加载时按钮应当自动地获得焦点。


disabled disabled 规定应该禁用该按钮。
 
form form_name 规定按钮属于一个或多个表单。
 
formaction url 覆盖 form 元素的 action 属性。
 
注释:该属性与 type="submit" 配合使用。
 
formenctype 见注释 覆盖 form 元素的 enctype 属性。
 
注释:该属性与 type="submit" 配合使用。
 
formmethod
get
post
 
覆盖 form 元素的 method 属性。
注释:该属性与 type="submit" 配合使用。
 
formnovalidate formnovalidate 覆盖 form 元素的 novalidate 属性。
注释:该属性与 type="submit" 配合使用。
 
formtarget
_blank
_self
_parent
_top
 
framename
覆盖 form 元素的 target 属性。
注释:该属性与 type="submit" 配合使用。
 
name
button_name 规定按钮的名称。

 
type
 
button
reset
submit
规定按钮的类型。
 
value
text 规定按钮的初始值。可由脚本进行修改。
 

代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Throw-Try-Catch</title>
 
</head>
<body >
        <button type="button">这是按钮</button> 
        <hr>
         autofocus:<button type="button" autofocus="autofocus">这是按钮</button>
          <hr>
         disabled:<button type="button" disabled="disable">这是按钮</button>
            <hr>
 
</body>
</html>

注意:这是部分属性,还有其他没有测试,后期补上。

运行结果:
<button>标签





静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明<button>标签的深层应用,很多人不知道的功能都在这
顶一下
(0)
踩一下
(0)
畅所欲言
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论
友情链接:
自学网
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com