HTML的<select>标签怎么使用

142 阅读 0 评论 94 点赞

我是靠谱客的博主甜美鲜花，这篇文章主要介绍HTML的<select>标签怎么使用，现在分享给大家，希望可以做个参考。

HTML <select> 标签

所有主流浏览器都支持 <select> 标签。

定义和用法

select 元素可创建单选或多选菜单。 ( 推荐学习：html教程 )

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

HTML 4.01 与 HTML 5 之间的差异

HTML5 添加了一些新属性。

提示

提示：select 元素是一种表单控件，可用于在表单中接受用户输入。

实例

创建带有 4 个选项的选择列表：

复制代码<!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>1
2
3
4
5
6
7
8
9
10
11
12
13
<!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>
登录后复制