如何对HTML表单中的元素进行分组?在他们周围有边界吗?

man*_*ula 5 html html5

我是HTML的新手。

我想在相似的表单元素周围找到边框。

例如,对于“注册”表单:

在此处输入图片说明

我怎样才能做到这一点?

The*_*oom 7

你要找的标签是 <fieldset>

<fieldset style="width:270px">
<legend>Contact details</legend> 
<label>Name:<br /></label>
<input type="text" name="name"><br />
<label>Email:<br />
<input type="text" name="email"></label><br /> 
<label>Mobile:<br />
<input type="text" name="mobile"></label><br /> 
</fieldset>
Run Code Online (Sandbox Code Playgroud)

结果将是这样的:

在此处输入图片说明

您的legend标签中的任何内容都将显示在框中,作为该组的标题。

宽度决定了盒子的大小。如果没有提到宽度,或者您没有使用任何 CSS,则矩形的大小将是浏览器窗口的大小。