• 技术文章 > web前端 > html教程

    disabled属性怎么使用

    不言 不言 2019-02-12 11:13:21 原创 246
    disabled属性是布尔属性,规定应该禁用 input 元素,禁用的input元素不可用且不可单击,下面的文章我们就来看一下disabled属性的具体用法。

    我们可以设置disabled属性以防止用户使用<input>元素,直到满足其他条件(如选择复选框等)。然后,JavaScript可以删除禁用的值,并使<input>元素可用。

    我们来看具体的示例

    代码如下

    <!DOCTYPE html>
    <html>
    <head>
       <title></title>
    </head>
    <body>
    <form action="/action_page.php">
      First name: <input type="text" name="fname"><br>
      Last name: <input type="text" name="lname" disabled><br>
      <input type="submit" value="Submit">
    </form>
    </body>
    </html>

    效果如下:<input>元素中有disabled属性就会变成灰色不能使用。

    微信截图_20190212110711.png

    本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的其他相关栏目教程!!!

    以上就是disabled属性怎么使用的详细内容,更多请关注php中文网其它相关文章!

    第六期线上培训班
    专题推荐: disabled
    上一篇:caption标签怎么使用 下一篇:sin方法怎么使用

    相关文章推荐

    • HTML中禁用表单控件的两种方法readonly与disabled_HTML/Xhtml_网页制作 • 通过disabled和readonly将input设置为只读效果_HTML/Xhtml_网页制作 • jquery 将disabled的元素置为enabled的三种方法_jquery • HTML中Select不用Disabled实现ReadOnly的效果_javascript技巧 • readonly和disabled的区别_javascript技巧

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网