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

    html怎样设置select默认不选中

    长期闲置长期闲置2021-12-24 14:51:11原创955

    设置方法:1、在select标签内的第一个option标签设置为空;2、给option空标签添加“display:none”样式,即可设置select默认不选中,语法为“<option style='display:none'>”。

    本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

    html怎样设置select默认不选中

    默认情况下 select 标签会选中第一个值作为默认值,当然我们也可以自己定义默认值。但我们现在的需求是不想选中任何默认值,有一种比较好的方法不影响美观 也不影响用户体验,方法如下:

    <html>
    <body>
    <select>
     <option style='display: none'></option>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
      
    </body>
    </html>

    输出结果:

    05.png

    给第一个option设置一个样式:display: none 并设置为空值即可解决

    推荐教程:《html视频教程

    以上就是html怎样设置select默认不选中的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html
    上一篇:html表格怎么设置行高 下一篇:十分钟搞懂form标签中的GET和POST提交方式
    Web大前端开发直播班

    相关文章推荐

    • html中什么是伪类• html5中什么是输出元素• html中什么是空元素• html5注释标签是什么• HTML怎么设置td内容居中

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网