html select标签怎么用

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

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>

运行结果：

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>

运行结果：