谈到 <fieldset> 与 <legend>，大部分人肯定会比较陌生，在 HTML 标签中，属于比较少用的那一批。
我最早知道这两个标签，是在早年学习 reset.css 或者 normalize.css 时，在这些重置统一代码默认样式的 CSS 中看到的。最近因为研究边框，遇到了这两个标签，发现它们还是很有意思的，遂起一篇，将整理的一些知识点分享给大家。
了解 <fieldset> 与 <legend>
通常而言，<fieldset> 与 <legend> 比较常用在表单当中。
<fieldset>：HTML <fieldset> 元素用于对表单中的控制元素进行分组
<legend>：在 <fieldset> 中内置了一个 <legend> 元素作为 fieldset 的标题
简单而言，fieldset 可以单独使用，对表单的元素进行分组，而 legend 则需要和 fieldset 配套使用，成对出现，作为分组的标题。
看个简单的例子，简单的 HTML 及结构如下：
<fieldset> <legend>Form</legend> <div> <label>Name :</label><input type="text" placeholder="input Name" /> </div> <div> <label>Password :</label><input type="text" placeholder="input Name" /> </div> </fieldset>