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>
前端页面结果:
好了,其实html很简单,今儿就到这吧!
标签:返回,标签,列表,html,Yes,select From: https://www.cnblogs.com/kkbest/p/18385841