option标签示例

1
<option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。

select标签

1
2
3
4
5
6
<select>
<option value="第一个">第一个</option>
<option value="第二个">第二个</option>
<option value="第三个">第三个</option>
<option value="第四个">第四个</option>
</select>

datalist标签

1
2
3
4
5
6
7
8
9
10
11
<form action="" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>

option的属性

disabled–禁用(不适用datalist标签)

1
2
3
4
5
6
<select>
<option value="volvo" >Volvo</option>
<option value="saab" disabled>Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>

selected–首选项(不适用datalist标签)

1
2
3
4
5
6
<select>
<option value="第一个">第一个</option>
<option value="第二个" >第二个</option>
<option value="第三个" selected>第三个</option>
<option value="第四个">第四个</option>
</select>

value–送到服务器的值

1
2
3
4
5
6
7
8
9
<form action="#" method="get">
<select name="cars">
<option value="volvo">Volvo XC90</option>
<option value="saab">Saab 95</option>
<option value="mercedes">Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>
<input type="submit" value="提交">
</form>

最后更新: 2019年12月25日 22:00

原始链接: http://fangpengcheng.com/2019/12/25/Html%E7%9A%84option%E6%A0%87%E7%AD%BE/