站長資訊網(wǎng)
方法：1、給select元素設(shè)置hidden屬性，語法“<select hidden="hidden">”；2、給select元素添加“display:none”樣式；3、給select元素添加“visibility:hidden”樣式。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html隱藏下拉框的方法：
在html中，下拉框指的是select標(biāo)簽；因此隱藏下拉框，就是隱藏elect標(biāo)簽。下面介紹3種方法：
1、給下拉框元素select設(shè)置hidden屬性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> 下拉框： <select hidden="hidden"> <option>Volvo</option> <option>Saab</option> <option>Mercedes</option> <option>Audi</option> </select> </body> </html>
2、給下拉框元素select添加“display: none;”樣式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> 下拉框： <select style="display: none;"> <option>Volvo</option> <option>Saab</option> <option>Mercedes</option> <option>Audi</option> </select> </body> </html>
3、給下拉框元素select添加“visibility:hidden”樣式。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> 下拉框： <select style="visibility: hidden;"> <option>Volvo</option> <option>Saab</option> <option>Mercedes</option> <option>Audi</option> </select> </body> </html>
推薦教程：《html視頻教程》
