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>
属性
属性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 规定在页面加载后文本区域自动获得焦点。 |
disabled | disabled | 规定禁用该下拉列表。 |
form | form_id | 规定文本区域所属的一个或多个表单。 |
multiple | multiple | 规定可选择多个选项。 |
name | name | 规定下拉列表的名称。 |
required | required | 规定文本区域是必填的。 |
size | number | 规定下拉列表中可见选项的数目。 |
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>