您好!欢迎来到静学网! 注册 登入

  • 静学网专注SEO优化技术视频教程案例分析、算法知识,在这里免费学习到最新的SEO技术,让你轻松通往SEO高工程师级之路,全新的SEO算法将在这里得到解剖。同时静学网提供网站开发、app开发、移动开发、电商、自媒体、行业资讯等内容,丰富及弥补自己的知识体系,让你在未来更具有竞争力。

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

SEO视频 卢育永 次浏览
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%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
用户名: 验证码:点击我更换图片
合作伙伴:
SEO 关键词排名 SEO优化