每天学习HTML标签之fieldset

在HTML里面大家最常用的也许就是FORM表单了.这样可以提交数据到后台来处理.

 

但是大家是否对普通的<label><input type="text"/></label>这种单调的格式感到厌烦了呢?

 

比如让人家既添身高项又添体重项.这都属于个人基本身体健康情况的.有没有东西能让人一下看出来这是健康状况的选项呢?

 

嘿嘿.不卖关子了.看一下fieldset和legend吧.

 

fieldset定义和用法

fieldset 元素可将表单内的相关元素分组。

 

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。

 

当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚

 

至可创建一个子表单来处理这些元素。

 

legend定义和用法

legend 元素可为 fieldset 定义一个标题。

 

<html>

<body>

<fieldset>
<legend>健康信息:</legend>
<form>
<label>身高:<input type="text" /></label>
<label>体重:<input type="text" /></label>
</form>
</fieldset>

<p>如果输入表单周围没有边框,说明您的浏览器太老了。</p>

</body>
</html>

 

  效果如附件图:

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值