form多个单选框代码

以下是一个 form 中多个单选框的代码示例：

<form>
  <p>请选择您喜欢的颜色：</p>
  <input type="radio" name="color" value="red"> 红色<br>
  <input type="radio" name="color" value="green"> 绿色<br>
  <input type="radio" name="color" value="blue"> 蓝色<br>
  <br>
  <p>请选择您喜欢的水果：</p>
  <input type="radio" name="fruit" value="apple"> 苹果<br>
  <input type="radio" name="fruit" value="banana"> 香蕉<br>
  <input type="radio" name="fruit" value="orange"> 橙子<br>
  <br>
  <input type="submit" value="提交">
</form>

希望能对您有所帮助。

相关问题

layui form表单中多个单选框值相同如何区分

在Layui的form表单中，通过相同的name属性来区分多个单选框。如果多个单选框的name属性相同，则只能选择其中的一个，无法区分。如果需要区分，可以给不同的单选框设置不同的value属性值，这样在提交表单时会将所选单选框的value属性值作为表单数据的值传递到后台，从而实现区分。

以下是示例代码：

<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">颜色</label>
    <div class="layui-input-block">
      <input type="radio" name="color" value="red" title="红色">
      <input type="radio" name="color" value="green" title="绿色">
      <input type="radio" name="color" value="blue" title="蓝色">
    </div>
  </div>
</form>

在上述代码中，三个单选框的name属性值都为"color"，但是它们的value属性值分别为"red"、"green"、"blue"，这样就能够区分不同的单选框了。

要把多个单选框设为一组（一组的意思是：一组之中只有一个可被选定），应把每个单选框的什么属性的值设为相同。

要把多个单选框设为一组，需要将它们的name属性设置为相同的值，这样它们才能共用同一个选项组。例如，下面的代码会创建一个包含两个单选框的选项组：

<form>
  <input type="radio" name="group1" value="option1"> Option 1<br>
  <input type="radio" name="group1" value="option2"> Option 2<br>
</form>

其中，name属性的值为"group1"，这样两个单选框就被划分到了同一个选项组中，只有其中一个可以被选中。注意，每个单选框的value属性应该设置为不同的值，以便在提交表单时区分用户选择的是哪个选项。