边框周围的单选按钮

Question

here is the link to the border

任何人都可以帮我复制那里使用的边框吗？我为单选按钮编写了代码，它们可以工作，但我只是想弄清楚如何做边框，边框如何在单词之前和之后停止？

任何帮助都会非常感激！

Answer 1

您可以使用<fieldset></fieldset>标记和带有<legend></legend>标记的文字包装单选按钮。

实施例

<form>
 <fieldset>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
 </fieldset>
</form>