单选按钮(Radio button)

单选按钮样式设置

radio类是<input type="radio">HTML元素的简单包装器。它有意不设置样式,以保持跨浏览器兼容性和用户体验。

确保链接单选按钮的name属性具有相同的值。

<div class="control">
    <label class="radio">
      <input type="radio" name="answer">
      Yes
    </label>
    <label class="radio">
      <input type="radio" name="answer">
      No
    </label>
  </div>

可以通过将 checked HTML属性添加到<input>元素来默认选中单选按钮。

<div class="control">
    <label class="radio">
      <input type="radio" name="foobar">
      Foo
    </label>
    <label class="radio">
      <input type="radio" name="foobar" checked>
      Bar
    </label>
  </div>

您可以通过向<label><input>添加disabled HTML属性来禁用单选按钮。

<div class="control">
    <label class="radio">
      <input type="radio" name="rsvp">
      Going
    </label>
    <label class="radio">
      <input type="radio" name="rsvp">
      Not going
    </label>
    <label class="radio" disabled>
      <input type="radio" name="rsvp" disabled>
      Maybe
    </label>
  </div>

返回头部

问题反馈
返回顶部