HTML隐藏option的方法是什么？教你三种方法

这篇文章给大家分享的是HTML隐藏option的方法。对新手学习HTML会有一定的帮助，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。

html隐藏option的方法

方法1：给option标签设置hidden属性

浏览器不应显示已规定 hidden 属性的元素。

select>
    
  option>
    默认---喜欢什么水果/option>
    
  option hidden="hidden">
    苹果/option>
    
  option>
    梨子/option>
    
  option>
    桃子/option>
    
  option>
    香蕉/option>
    
/select>
    

方法2：给option标签添加“display:none”样式

select>
    
  option>
    默认---喜欢什么水果/option>
    
  option hidden="hidden">
    苹果/option>
    
  option style="display: none;
    ">
    梨子/option>
    
  option>
    桃子/option>
    
  option>
    香蕉/option>
    
/select>
    

方法3：给option标签添加“visibility:hidden”样式

select>
    
  option>
    默认---喜欢什么水果/option>
    
  option hidden="hidden">
    苹果/option>
    
  option style="display: none;
    ">
    梨子/option>
    
  option>
    桃子/option>
    
  option style="visibility: hidden;
    ">
    香蕉/option>
    
/select>
    

关于HTML隐藏option的方法就介绍到这，上述三种方法和示例具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多大家可以关注网络其它的相关文章。

文本转载自PHP中文网

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！