<
meta
charset
="UTF-8"
>
<
meta
http-equiv
="x-ua-compatible"
content
="IE=edge"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1"
>
<
title
>
Title
</
title
>
</
head
>
<
form
action
="http://www.baidu.com"
method
="get"
>
<!--
下拉框
-->
<
select
>
<
option
>
广州
</
option
>
<
option
>
深圳
</
option
>
<
option
>
山东
</
option
>
<
option
>
北京
</
option
>
</
select
>
</
div
>
</
form
>
</
div
>
</
body
>
</
html
>
<
meta
charset
="UTF-8"
>
<
meta
http-equiv
="x-ua-compatible"
content
="IE=edge"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1"
>
<
title
>
Title
</
title
>
</
head
>
<
form
action
="http://www.baidu.com"
method
="get"
>
<!--
下拉框
-->
<
select
name
="sel"
>
<
option
value
="1"
>
广州
</
option
>
<
option
value
="2"
>
深圳
</
option
>
<
option
value
="3"
>
山东
</
option
>
<
option
value
="4"
>
北京
</
option
>
</
select
>
</
div
>
<
input
type
="submit"
value
="提交"
>
</
form
>
</
div
>
</
body
>
</
html
>
<
meta
charset
="UTF-8"
>
<
meta
http-equiv
="x-ua-compatible"
content
="IE=edge"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1"
>
<
title
>
Title
</
title
>
</
head
>
<
form
action
="http://www.baidu.com"
method
="get"
>
<!--
下拉框
-->
<
select
name
="sel"
size
="3"
>
<
option
value
="1"
>
广州
</
option
>
<
option
value
="2"
>
深圳
</
option
>
<
option
value
="3"
>
山东
</
option
>
<
option
value
="4"
>
北京
</
option
>
</
select
>
</
div
>
<
input
type
="submit"
value
="提交"
>
</
form
>
</
div
>
</
body
>
</
html
>
<
meta
charset
="UTF-8"
>
<
meta
http-equiv
="x-ua-compatible"
content
="IE=edge"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1"
>
<
title
>
Title
</
title
>
</
head
>
<
form
action
="http://www.baidu.com"
method
="get"
>
<!--
下拉框
-->
<
select
name
="sel"
size
="3"
multiple
>
<
option
value
="1"
>
广州
</
option
>
<
option
value
="2"
>
深圳
</
option
>
<
option
value
="3"
>
山东
</
option
>
<
option
value
="4"
>
北京
</
option
>
</
select
>
</
div
>
<
input
type
="submit"
value
="提交"
>
</
form
>
</
div
>
</
body
>
</
html
>
<
meta
charset
="UTF-8"
>
<
meta
http-equiv
="x-ua-compatible"
content
="IE=edge"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1"
>
<
title
>
Title
</
title
>
</
head
>
<
form
action
="http://www.baidu.com"
method
="get"
>
<!--
下拉框
-->
<
select
name
="sel"
>
<
option
value
="1"
>
广州
</
option
>
<
option
value
="2"
>
深圳
</
option
>
<
option
selected value
="3"
>
山东
</
option
>
<
option
value
="4"
>
北京
</
option
>
</
select
>
</
div
>
<
input
type
="submit"
value
="提交"
>
</
form
>
</
div
>
</
body
>
</
html
>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<form action="http://www.baidu.com" method="get">
<!-- 下拉框 -->
<select name="sel" size="3" multiple>
<option value="1">广州</option>
<option value="2">深圳</option>
<option selected value="3">山东</option>
<option value="4">北京</option>
</select>
</div>
<input type="submit" value="提交">
</form>
</div>
</body>
</html>
<
meta
charset
="UTF-8"
>
<
meta
http-equiv
="x-ua-compatible"
content
="IE=edge"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1"
>
<
title
>
Title
</
title
>
</
head
>
<
form
action
="http://www.baidu.com"
method
="get"
>
<!--
optgroup 下拉框分组功能
-->
<
select
name
="city"
size
="5"
multiple
="multiple"
>
<
optgroup
label
="广东省"
>
<
option
value
="1"
>
广州
</
option
>
<
option
value
="2"
>
深圳
</
option
>
</
optgroup
>
<
optgroup
label
="浙江省"
>
<
option
value
="1"
>
杭州
</
option
>
<
option
value
="2"
>
温州
</
option
>
</
optgroup
>
</
select
>
</
div
>
<
input
type
="submit"
value
="提交"
>
</
form
>
</
div
>
</
body
>
</
html
>