首页 >web前端 >前端问答 >html select标签怎么用

html select标签怎么用

藏色散人
藏色散人原创
2019-05-27 15:22:134445浏览

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

html select标签怎么用

html select标签怎么用?

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

说明:fb56dd2db6cfb473bfd0d22d6b860713 元素中的 5a07473c87748fb1bf73f23d45547ab8 标签用于定义列表中的可用选项。

注释: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标签怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn