今天我们一起学习form标签中的其他标签
①下拉列表框(select标签):
格式:<select>
<option>列表数据1</option>
<option>列表数据2</option>
</select>
如果想在下拉列表框中设置默认值,那么可以<option selected="selected">列表数据</option>
当数据量比较庞大需要分类的时候,我们可以用标签<optgroup>列表数据进行分类。贴代码看看:
<!DOCTYPE html>
<html>
<head>
<title>下拉列表</title>
</head>
<body>
<form>
<select>
<optgroup label="山东">
<option>济南市</option>
<option >青岛市</option>
<option>日照市</option>
<option>菏泽市</option>
</optgroup>
<optgroup label="河北">
<option>唐山市</option>
<option>秦皇岛市</option>
<option>石家庄市</option>
</optgroup>
</select>
</form>
</body>
</html>
这样就可以将这些列表数据进行分类
②文本区域标签(textarea标签)
格式:
<textarea>
<!--文本区域的内容-->
</textarea>
注意点:默认情况下 文本区域内容是可以默认换行的,有自己默认的宽度和高度,那么如何修改他的宽度和高度呢?
<textarea cols="200" rows="200">
</textarea>
这样就定义了一个宽为200,列为200的文本区域。
我在这里稍微复习一下:
①对明文或暗文输入框加入默认值 是在input标签中加入属性value=“..”
②对单选框加入默认值 是在input标签中加入属性checked=“checked”
③对多选框加入默认值 是在input标签总加入属性checked="checked"
④在下拉框中加入默认值 是在option标签中加入默认值 selected="selected"