No.13 表单标签中其他标签

今天我们一起学习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"



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值