一、多行文本textarea
<form>
<div>
<textarea name="more"></textarea>
</div>
<input type="submit" value="提交">
</form> '''
textarea 可以实现多行输入,要使后台能获取输入值,可以使用name属性
'''
如下:
二、下拉框select标签
2.1 select 单选
<body>
<form>
<div>
<select name="city">
<option value="1">北京</option>
<option value="2" selected="selected">上海</option>
<option value="3">广州</option>
<option value="4">杭州</option>
</select>
</div>
<br />
<input type="submit" value="提交"/>
</form>
</body> '''
name: 表单提交项的键
option: 下拉选项中的每一项
属性:
value: 表单提交项的值
selected: 默认选项 '''
如下:
2.2 select 多选
<body>
<form>
<div>
<select name="city" size="5" multiple="multiple">
<option value="1">北京</option>
<option value="2" selected="selected">上海</option>
<option value="3">广州</option>
<option value="4">杭州</option>
</select>
</div>
<br />
<input type="submit" value="提交"/>
</form>
</body> '''
size: 下拉框的宽度
multiple="multiple":可以多选
'''
如下:
2.3 设置分组选项
<body>
<form>
<div>
<select name="city">
<optgroup label="江苏">
<option value="1">苏州</option>
<option value="2">扬州</option>
<option value="3">常州</option>
</optgroup>
<optgroup label="浙江">
<option value="4">杭州</option>
<option value="5">金华</option>
<option value="6">丽水</option>
</optgroup>
</select>
</div>
<br />
<input type="submit" value="提交"/>
</form>
</body> '''
label : 名称,这个不可选
'''
如下: