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>