radio
类是 <input type="radio">
HTML 元素的简单包装器。它故意不设置样式,以保持跨浏览器兼容性和用户体验。
确保链接的单选按钮的 name
HTML 属性具有相同的值。
单选按钮
以其原生格式显示互斥的单选按钮
radio
类是 <input type="radio">
HTML 元素的简单包装器。它故意不设置样式,以保持跨浏览器兼容性和用户体验。
确保链接的单选按钮的 name
HTML 属性具有相同的值。
<div class="control">
<label class="radio">
<input type="radio" name="answer" />
Yes
</label>
<label class="radio">
<input type="radio" name="answer" />
No
</label>
</div>
可以通过向 <input>
元素添加 checked
HTML 属性,在默认情况下选中单选按钮。
<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>