button按钮的属性设置

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

html4版本/属性

  • 01

    name : 表示按钮的名称，通常作为按钮标识进行使用。 <button name="btn">按钮</button>

  • 02

    type : 表示按钮类型，通常与表单一起联用。 1. reset : 重置按钮 2. sumit : 提交按钮 3. button : 普通按钮 <button type="button">按钮</button>

  • 03

    value : 表示按钮初始值，通常在js脚本中进行使用和修改。 <button value ="点击">按钮</button>

  • 04

    disabled ：表示禁用按钮，使按钮不能点击 <button disabled ="disabled">按钮</button>

html5/属性

  • 01

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

  • 02

    autoplay ：当页面加载时按钮应当自动地获得焦点。 <button type="button" autofocus="autofocus">点击这里</button> 在实例中，我们会看到，第一次打开页面的时候，发现按钮出现了蓝色边框，就是所谓的焦点

  • 03

    新加的属性中，大多都是结合表单来配合使用的，在这里就不一一展示效果了，附上一张图示供大家参考。

  • 04

    相信了解了h5新加了属性后，我们在进行按钮操作表单的时候，会更加方便很多，对此我们也学习了关于<button>标签属性的使用。

赞 (0)

相关推荐

  • 怎么将win7系统电脑开始菜单的音乐按钮的属性设置为菜单格式

    怎么将win7系统电脑开始菜单的音乐按钮的属性设置为菜单格式

    在Win7系统开始菜单中,如果想要音乐按钮的属性改为菜单格式该怎么做呢?小编就来告诉你一个修改的方法.具体如下:1. 第一步,打开WIN7电脑的开始菜单.2. 第二步,右击开始菜单的空白,点击跳出的[ ...

  • 在一个div中如何让button按钮垂直居中

    很多朋友可能都明白如何让button在div中水平居中,但是垂直居中可能就不是特别明白了,今天小编就来分享下button在div中垂直居中的方法,一起来看看吧! 操作方法 01 首先我们需要新建一个h ...

  • 如何给DevExpress中的Button按钮设置背景颜色

    最近在项目中用到了DevExpress控件,在使用Button控件时觉得自带的背景颜色不好看,就想自己设置一下背景颜色,但是发现DevExpress中Button按钮的背景颜色设置并不像Visual ...

  • 电脑的电源属性设置无法更改怎么处理

    电脑的电源属性设置无法更改怎么处理

    电脑中的电源设置是比较重要的设置之一,有的时候我们可能会遇到电源属性设置无法更改的情况,接下来小编就教大家怎样处理这个问题.具体如下:1.首先我们打开电脑进入到桌面,找到左侧的开始图标点击打开.进入到 ...

  • 打印机属性设置

    打印机属性设置包括布局(横向纵向打印).打印机纸张设置(纸张规格.纸张质量).打印机端口等基础属性设置. 操作方法 01 进入"打印机和传真"窗口,右击打印机图标,在弹出的快捷菜单 ...

  • WindowsXP中任务栏属性设置

    操作方法 01 WindowsXP中任务栏属性设置也是一个技巧活,看似简单可他的作用可不小,因为这里涉及到任务栏的隐藏或显示.时钟显示或隐藏等,这些都是任务属性里的选项. 第一步.快捷菜单 右击&qu ...

  • 快车"任务管理"如何任务默认属性设置

    快车“基本设置”的任务默认属性设置说明如下： 任务默认属性 默认属性 分类：提供了自动分类、记忆上次和制定分类及目录。 下载方式可默认为立即下载或手动开始。 下载完成后自动运行的选择。 其他 可选只从 ...

  • QQ云输入法的属性设置快捷键是什么

    QQ云输入法的属性设置快捷键是Ctrl + Shift + M。

  • QQ输入法for Mac如何进入属性设置界面

    QQ输入法for Mac进入属性设置界面的方法如下： 点击系统工具栏上QQ输入法for Mac图标，在下拉菜单中点击“属性设置”，即可进入属性设置界面，对输入法各项属性进行设置。