首页 / 编程 radio使用小技巧

radio使用小技巧

原创 分类: 编程 2023-3-2 09:28 阅读量:1709
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;
}

上一篇:jQuery 替换 class 的方法

下一篇:下一篇