在网页顶用户交互过程中,按钮是必不成少的主要组件之一,关于它的设计与实现,我们在网页标签中界说为<button type="button"></button>或者<input type="button"/>。关于问题的描述,在这里我们来说一说<button>标签中特有的属性寄义。
name : 暗示按钮的名称,凡是作为按钮标识进行利用。
<button name="btn">按钮</button>
type : 暗示按钮类型,凡是与表单一路联用。
1. reset : 重置按钮
2. sumit : 提交按钮
3. button : 通俗按钮
<button type="button">按钮</button>
value : 暗示按钮初始值,凡是在js剧本中进行利用和点窜。
<button value ="点击">按钮</button>
disabled :暗示禁用按钮,使按钮不克不及点击
<button disabled ="disabled">按钮</button>
以上是html4版本中常用的属性,相信在编写按钮的小伙伴也城市常用到,接下来将介绍一下,H5中对<button>新加的属性。
autoplay :当页面加载时按钮该当主动地获得核心。
<button type="button" autofocus="autofocus">点击这里</button>
在实例中,我们会看到,第一次打开页面的时辰,发现按钮呈现了蓝色边框,就是所谓的核心
新加的属性中,年夜多都是连系表单来共同利用的,在这里就纷歧一展示结果了,附上一张图示供大师参考。
相信领会了h5新加了属性后,我们在进行按钮操作表单的时辰,会加倍便利良多,对此我们也进修了关于<button>标签属性的利用。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!