当前位置:Gxlcms > JavaScript > htmlselect标签怎么用

htmlselect标签怎么用

时间:2021-07-01 10:21:17 帮助过:21人阅读

html select标签用于创建单选或多选菜单,select元素是一种表单控件,可用于在表单中接受用户输入。

html select标签怎么用?

作用:创建单选或多选菜单。

说明:<select&> 元素中的 <option> 标签用于定义列表中的可用选项。

注释:select 元素是一种表单控件,可用于在表单中接受用户输入。

html select标签 示例1

<!DOCTYPE html>
<html>
<body>
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>

运行结果:

d0a3da4f0594a9c07eced4ac3df751f.png

html select标签 示例2

<!DOCTYPE html>
<html>
<body>
<p>你最喜欢的讲师是哪一位</p>
<select>
  <option value="西门大官人">西门大官人</option>
  <option value="灭绝师太">灭绝师太</option>
  <option value="欧阳克">欧阳克</option>
  <option value="韦小宝">韦小宝</option>
</select>
  <p>select标签是一个下拉列表,常用于表单中</p>
</body>
</html>

运行结果:

d35b151905331253f90d74eff81ab3d.png

以上就是html select标签怎么用的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行