select 如何设置 placeholder

1. 写好html的body部分，引入select控件。

   

2. 进入html查看效果，可以看到没加样式的下拉框显示形态。

   

3. 首先给option要做placeholder的值加上属性disabled selected，让其无法被选择。

   

4. 不能被选择的option在html中表现是这样的，如果没有特定样式，在不能被选择的情况下会处于灰色，无法被选中。

   

5. 有两种解决方法，一种是css3直接操作。然后在option中添加一个hidden。

   

6. 另外一种是使用css的display:none属性也能达成目标，两种都是使它下拉的时候被隐藏掉。可以看出html5的hidden和display:none实现的方式是一样的。

   

   

---

核心代码:

 <option value="" disabled selected style="display:none;">(提示说明...)</option>

转载原文出处: https://jingyan.baidu.com/article/cdddd41cab986453cb00e18f.html