select默认显示

select默认显示第一个option,但大部分需求都是显示一个请选择,点击后在显示option的内容。

就像上图一样

但如果正常写的话会是像下面这样显示

请选择也会显示在下拉款里面,这样就很不友好

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <select>
 6   <option value="volvo" hidden>请选择</option>//加一个hidden属性就解决了,不过这种方法好像是有兼容问题。 
 7   <option value="volvo" style="display: none;">请选择</option>//这样应该就可以解决了
 8   <option value="saab">王二麻子</option>
 9   <option value="opel">张三警察</option>
10   <option value="audi">略略略略</option>
11 </select>
12   
13 </body>
14 </html>

猜你喜欢

转载自www.cnblogs.com/colaman/p/9719681.html