html之select标签

1.select标签用于做下拉选择框
2.select 元素中的 option 标签定义了列表中的可用选项
3.selected表示默认，一般用在option标签里

Select 对象属性

属性	描述	W3C
disabled	设置或返回是否应禁用下拉列表	Yes
form	返回对包含下拉列表的表单的引用	Yes
length	返回下拉列表中的选项数目	Yes
multiple	设置或返回是否选择多个项目	Yes
name	设置或返回下拉列表的名称	Yes
selectedIndex	设置或返回下拉列表中被选项目的索引号	Yes
size	设置或返回下拉列表中的可见行数	Yes
type	返回下拉列表的表单类型	Yes

来段代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>注册页面</h1>
<form action="www.test.com" method="post">
    <p>用户  <input type="text"  name="username" placeholder="用户名"></p>
    <p>密码  <input type="password" name="password" placeholder="密码"></p>
    <p>
        <label for="province">请选择出生城市：</label>
        <select id="province">
            <optgroup label="河南省">
                <option value="zhengzhou">郑州</option>
                <option value="luoyang">洛阳</option>
            <optgroup label="河北省">
                <option value="zhengzhou">邯郸</option>
                <option value="luoyang">衡水</option>
        </select>
    </p>
    <p>爱好  <input type="checkbox" name="hobby" value="study">读书
            <input type="checkbox" name="hobby" value="movie">看电影
    </p>
    <p>性别  <input type="radio" name="gender" value="men">男
            <input type="radio" name="gender" value="women">女
    </p>
    <p><input type="reset" value="重置"></p>
    <p><input type="submit" value="提交注册"></p>
</form>
</body>
</html>