表单的标题和样式精益求精，别忘了fieldset和legend之前做了一些表单，其中有嵌套的表单，那些嵌套的表单用一个框

需求

之前做了一些表单，其中有嵌套的表单，那些嵌套的表单用一个框框起来了，左上方写上对应的标题，就像这样：

可以看到这个Threshold(%)，是个嵌套表单，把里面的子项目框起来了，当时我用的最普通的div，加上position: absolute把位置设置在左上方，同时背景设为纯白色。这样乍一看没问题，但是当背景还有其他颜色，拿放大镜端详，就能看出那个长方形的白色背景。

另外一个表单也是如此：

完美主义的我当然不能容忍这个小瑕疵，那么下面用fieldset和legend来解决掉。

实现

之前包裹子项目的是个div，现在用fieldset替换，同时标题用legend元素：

<fieldset className="nested-form">
    <legend className="form-title">Nested Form</legend>
    {/* ...fields... */}
</fieldset>

这样我就能得到期望的效果啦：

可以看到标题会自动放到恰当的位置，同时背景也自然地显示了。