当前位置: html教程 > 03-表单标签 > 阅读正文

select标签

2021.5.16.   545 次   940字

select标签, 是下拉选择标签, 通常也配合form表单使用, 也属于表单标签

语法

它通常需要配合 option 标签进行使用

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

属性

属性描述
autofocusautofocus规定在页面加载后文本区域自动获得焦点。
disableddisabled规定禁用该下拉列表。
formform_id规定文本区域所属的一个或多个表单。
multiplemultiple规定可选择多个选项。
namename规定下拉列表的名称。
requiredrequired规定文本区域是必填的。
sizenumber规定下拉列表中可见选项的数目。

form属性, 通常在select为被form包裹时使用, 必须给一个或多个form指定id, 并在select中使用form属性指定

<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp" id="carform">
  名字:<input type="text" name="fname">
  <input type="submit">
</form>
<br>
<select name="carlist" form="carform">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<p>下拉列表位于表单之外,但仍然属于该表单的一部分。</p>
<p><b>注释:</b>Internet Explorer 不支持 form 属性。</p>

</body>
</html>

本篇完,还有疑问?

加入QQ交流群:11500065636 IT 技术交流群