radio标签是表单标签中高频使用者之一,你了解它吗?lable标签作为它的好搭档你常用吗?快来一起复习一下吧...
1.radio 标签一般配合 lable 标签进行使用
<!--文字在左-->
<div class="paytype">
<label>微信支付<input name="paytype" type="radio" value="wx" /></label>
<label>xx支付<input name="paytype" type="radio" value="xx" /></label>
</div>
<!--文字在右-->
<div class="paytype">
<label><input name="paytype" type="radio" value="wx" />微信支付</label>
<label><input name="paytype" type="radio" value="xx" />xx支付</label>
</div>
2.修改单选按钮与文字的距离
// 按自己的需求修改即可
input[type="radio"] {
margin-right: 0;
}