html怎么隐藏下拉框

方法：1、给select元素设置hidden属性，语法“”；2、给select元素添加“display:none”样式；3、给select元素添加“visibility:hidden”样式。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html隐藏下拉框的方法：

在html中，下拉框指的是select标签；因此隐藏下拉框，就是隐藏elect标签。下面介绍3种方法：

1、给下拉框元素select设置hidden属性

nbsp;html>

	
		<meta>
		下拉框：
		<select>
		  <option>Volvo</option>
		  <option>Saab</option>
		  <option>Mercedes</option>
		  <option>Audi</option></select>

2、给下拉框元素select添加“display: none;”样式

nbsp;html>

	
		<meta>
		下拉框：
		<select>
		  <option>Volvo</option>
		  <option>Saab</option>
		  <option>Mercedes</option>
		  <option>Audi</option></select>

3、给下拉框元素select添加“visibility:hidden”样式。

nbsp;html>

	
		<meta>
		下拉框：
		<select>
		  <option>Volvo</option>
		  <option>Saab</option>
		  <option>Mercedes</option>
		  <option>Audi</option></select>

推荐教程：《html视频教程》

前端入门到VUE实战笔记：立即学习
>在学习笔记中，你将探索 前端 的入门与实战技巧！