如何用简单的线条边框包裹一组元素？

Question

我正在创建一个表单，我想用一条线包围一组输入，如下图所示：

这是我的代码

<div class="selectMov" >
    <p>Tipo de Movimiento</p>
    <input type="radio" class="optTiMov" value=1> Entrada<br>
    <input type="radio" class="optTiMov" value=2> Salida<br>
</div>

我以前见过这种元素，但我不知道它叫什么或如何制作它

Answer 1

一种简单的方法是使用fieldset。这是一个类似的例子

＆＃13;

＆＃13;

fieldset {
border 1px solid #ddd;
border-radius: 6px;
}

＆＃13;

<fieldset>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
 </fieldset>

＆＃13;

＆＃13;

＆＃13;