HTML <select> 标签

发表于2015-05-26 11:00:18| --次阅读| 来源webkfa| 作者小五

摘要：select 元素可创建单选或多选菜单。

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

		html代码
	

运行代码

<!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>

<!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>

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

定义和用法
select 元素可创建单选或多选菜单。
<select&> 元素中的 <option> 标签用于定义列表中的可用选项。

HTML 4.01 与 HTML 5 之间的差异
HTML5 添加了一些新属性。

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

属性
New: HTML5 中的新属性。

		代码
	

//规定在页面加载后文本区域自动获得焦点。
autofocus=autofocus

//规定禁用该下拉列表。
disabled=disabled

//规定文本区域所属的一个或多个表单。
form=form_id

//规定可选择多个选项。
multiple=multiple

//规定下拉列表的名称。
name=name

//规定文本区域是必填的。
required=required

//规定下拉列表中可见选项的数目。
size=number

全局属性
<select> 标签支持 HTML 中的全局属性。
事件属性
<select> 标签支持 HTML 中的事件属性。

更多实例
简单的下拉列表
本例演示如何在HTML页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

		html代码
	

运行代码

<html>

<body>

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

<html>

<body>

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

另一个下拉列表
本例演示如何创建一个简单的带有预选值的下拉列表。（译者注：预选值指预先指定的首选项。）

		html代码
	

运行代码

<html>

<body>

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

<html>

<body>

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

HTML <select> 标签

发表于2015-05-26 11:00:18| --次阅读| 来源webkfa| 作者小五

相关文章

html标题快速浏览101

相关文章