button按钮的属性设置

在网页顶用户交互过程中,按钮是必不成少的主要组件之一,关于它的设计与实现,我们在网页标签中界说为<button type="button"></button>或者<input type="button"/>。关于问题的描述,在这里我们来说一说<button>标签中特有的属性寄义。

东西/原料

  • 网页编写东西,如:WebStorm,Dw

html4版本/属性

  1. 1

    name : 暗示按钮的名称,凡是作为按钮标识进行利用。 

    <button name="btn">按钮</button>

  2. 2

    type : 暗示按钮类型,凡是与表单一路联用。

    1. reset : 重置按钮

    2. sumit : 提交按钮

    3. button : 通俗按钮

    <button type="button">按钮</button>

  3. 3

    value : 暗示按钮初始值,凡是在js剧本中进行利用和点窜。

    <button value ="点击">按钮</button>

  4. 4

    disabled :暗示禁用按钮,使按钮不克不及点击

    <button disabled ="disabled">按钮</button>

html5/属性

  1. 1

    以上是html4版本中常用的属性,相信在编写按钮的小伙伴也城市常用到,接下来将介绍一下,H5中对<button>新加的属性。

  2. 2

    autoplay :当页面加载时按钮该当主动地获得核心。

    <button type="button" autofocus="autofocus">点击这里</button>

    在实例中,我们会看到,第一次打开页面的时辰,发现按钮呈现了蓝色边框,就是所谓的核心

  3. 3

    新加的属性中,年夜多都是连系表单来共同利用的,在这里就纷歧一展示结果了,附上一张图示供大师参考。

  4. 4

    相信领会了h5新加了属性后,我们在进行按钮操作表单的时辰,会加倍便利良多,对此我们也进修了关于<button>标签属性的利用。

  • 发表于 2018-10-29 00:00
  • 阅读 ( 1535 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具