为了账号安全,请及时绑定邮箱和手机立即绑定

单选按钮彼此相邻?

单选按钮彼此相邻?

婷婷同学_ 2023-09-11 15:21:22
我想知道如何以更简单的方式将一个单选按钮放在另一个单选按钮旁边。我正在学习 CSS,但我还不知道如何去做。我的实际代码是下一个:<form action="evaluacion.php" method="post" id="test">  Coloca el simbolo de magnitud correcto: <br><br> ¿Cuál es el símbolo de magnitud correcto de la longitud?  <br>  <div>    <input type="radio" name="pregunta1" id="pregunta1rA" value="A" required/>    <label for="pregunta1ra">T</label>    <br>  </div>  <div>    <input type="radio" name="pregunta1" id="pregunta1rB" value="B" required/>    <label for="pregunta1rb">J</label>    <br>  </div>  <div>    <input type="radio" name="pregunta1" id="pregunta1rC" value="C" required/>    <label for="pregunta1rc">N</label>    <br>  </div>  <input type="submit" value="Enviar respuestas"><br><br><br></form>我当前的 CSS 是这样的:div { display: inline-block;}这是我当前的代码,但我想知道是否有更好的方法来实现内联句子而不使用大量“div”
查看完整描述

1 回答

?
凤凰求蛊

TA贡献1825条经验 获得超4个赞

br 标签是破坏它的标签。您无需使用任何 div 即可完成此任务。


<body> 


<form action="evaluacion.php" method="post" id="test">


    Coloca el simbolo de magnitud correcto: <br><br>

    ¿Cuál es el símbolo de magnitud correcto de la longitud?


    <br>

        <input type="radio" name="pregunta1" id="pregunta1rA" value="A" required/>

        <label for="pregunta1ra">T</label>


        <input type="radio" name="pregunta1" id="pregunta1rB" value="B" required/>

        <label for="pregunta1rb">J</label>


        <input type="radio" name="pregunta1" id="pregunta1rC" value="C" required/>

        <label for="pregunta1rc" >N</label>

    <input type="submit" value="Enviar respuestas"><br><br><br>

</form>

https://jsfiddle.net/2k05eLjh/

一般来说,如果您确实需要一个类似这样的包装器,您可以在使用之前考虑包装一组而不是每个单独的项目。


查看完整回答
反对 回复 2023-09-11
  • 1 回答
  • 0 关注
  • 77 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信