<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下拉框</title>
</head>
<!--
下拉框
select 下拉框标签
option 下拉框选项标签
select常用属性
multiple 设置下拉框可多选
size 设置下拉框可显示选项数
disabled 禁用元素
option常用属性
selected 默认属性
disabled 禁用某一个选项
value 提交给服务器的选项值
如果设置了value属性值，则提交的是value的值，如果未设置value属性值，则提交option双标签中的文本值
-->
<body>
<select name="city" id="city" disabled>
<option value=""></option>
<option value="SH">上海</option>
<option value="BJ">北京</option>
<option value="SZ">深圳</option>
<option value="WH">武汉</option>
</select>
<select name="city1" id="city1" multiple size="3">
<option value=""></option>
<option value="SH">上海</option>
<option value="BJ">北京</option>
<option value="SZ">深圳</option>
<option value="WH">武汉</option>
</select>
<select name="city3" id="city3">
<option value="">请选择城市</option>
<option value="SH">上海</option>
<option value="BJ" selected>北京</option>
<option value="SZ" disabled>深圳</option>
<option value="WH">武汉</option>
</select>
<form action="https://www.baidu.com" target="_blank">
<select name="city4" id="">
<option name="city4" value="bj">北京</option>
<option name="city4" >上海</option> <!-- 不设置value 提交时发送的是上海-->
<option name="city4" value="">武汉</option>
<option name="city4" value="">深圳</option>
</select>
<input type="submit" value="提交">
</form>
</body>
</html>