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

  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>标签。






本文转载自中文网

推荐阅读