两个带有一个子菜单的单选按钮

Question

我怎样才能得到这个

出于此：？

＆＃13;

＆＃13;

<input type="radio" name="one" checked="checked" id="1"/>

<label for="1">1</label>

<input type="radio" name="one" id="2"/>

<label for="2">2</label>

<input type="radio" name="one" id="3"/>

<label for="3">2.1.</label>

<input type="radio" name="one" id="4"/>

<label for="4">2.2.</label>

<input type="radio" name="one" id="54"/>

<label for="5">2.3.</label>

＆＃13;

＆＃13;

＆＃13;

Answer 1

你可以从这个

开始

table { empty-cells: hide;}
td { border:1px solid orange; padding:10px 15px 10px 15px }

<table>
  <tr>
    <td>
      <input type="radio" name="one" checked="checked" id="1" />
      <label for="1">1</label>
    </td>
    <td colspan="3">
      <input type="radio" name="one" id="2" />

      <label for="2">2</label>
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <input type="radio" name="one" id="3" />

      <label for="3">2.1.</label>
    </td>
    <td>
      <input type="radio" name="one" id="4" />

      <label for="4">2.2.</label>
    </td>

    <td>
      <input type="radio" name="one" id="54" />

      <label for="5">2.3.</label>
    </td>
  </tr>
</table>