首页 / 知识

HTML <fieldset> 标签的具体用法是什么？

2023-04-11 15:20:00

　　HTML中fieldset标签的定义和用法：
 
　　fieldset元素可将表单内的相关元素分组。
 
　　<fieldset>标签将表单内容的一部分打包，生成一组相关表单的字段。
 
　　当一组表单元素放到<fieldset>标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者甚至可创建一个子表单来处理这些元素。
 
　　<fieldset>标签没有必需的或唯一的属性。
 
　　<legend>标签为fieldset元素定义标题。
 
　　HTML<fieldset>标签的属性：
 
　　图1.webp
 
　　组合表单中的相关元素：
 
　　看实例
 
　　<form>
 
　　<fieldset>
 
　　<legend>healthinformation</legend>
 
　　height:<inputtype="text"/>
 
　　weight:<inputtype="text"/>
 
　　</fieldset>
 
　　</form>
 
　　HTML<fieldset>标签对表单中的相关元素进行分组：
 
　　<fieldset>标签内的一组表单元素会在WEB浏览器中以特殊的方式显示，比如不同样式的边界、3D效果等。
 
　　有实例
 
　　<form>
 
　　<fieldset>
 
　　<legend>个人信息:</legend>
 
　　姓名:<inputtype="text"><br>
 
　　邮箱:<inputtype="text"><br>
 
　　生日:<inputtype="text">
 
　　</fieldset>
 
　　</form>
 
　　HTMLfieldset设置边框和颜色：
 
　　<fieldsetstyle="border-width:2px;border-color:#990000;width:95%;height:220">
 
　　<legend>你好你好</legend>
 
　　</fieldset>
 
　　放上去看看。然后自己调一下吧。。三个边框则把中间的bottom分别改为Top（上部）、Left（左部）、Right（右部）。
 
　　fieldset标签--对表单进行分组
 
　　在form表单中，我们可以对form中的信息进行分组归类，如注册表单的form，我们可以将注册信息分组成
 
　　基本信息（一般为必填）
 
　　详细信息（一般为可选）
 
　　那我们如何更好的来实现呢？我们可考虑在表单form中加入下面两个标签：
 
　　fieldset：对表单进行分组，一个表单可以有多个fieldset。
 
　　legend：说明每组的内容描述。
 
　　格式：
 
　　<fieldset>
 
　　<legend>healthinformation</legend>
 
　　height:<inputtype="text"/>
 
　　weight:<inputtype="text"/>
 
　　</fieldset>
 
　　浏览器支持：
 
　　所有浏览器都支持<fieldset>标签。






本文转载自中文网

标签表单元素浏览器义和字段

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢