方法:1、给select元素设置hidden属性,语法“<select hidden=hidden>”;2、给select元素添加“display:none”样式;3、给select元素添加“visibility:hidden”样式。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
html隐藏下拉框的方法:
在html中,下拉框指的是select标签;因此隐藏下拉框,就是隐藏elect标签。下面介绍3种方法:
1、给下拉框元素select设置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视频教程》
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。