分享

bootstrap4 复选框

 johnny_net 2019-05-02

复选框用于让用户从一系列预设置的选项中进行选择,可以选一个或多个。

以下实例包含了三个选项。最后一个是禁用的:

<div class="form-check"> <label class="form-check-label"><input type="checkbox" class="form-check-input" value="">

Option 1 </label>

</div>

<div class="form-check"> <label class="form-check-label"><input type="checkbox" class="form-check-input" value="">

Option 2 </label>

</div>

<div class="form-check disabled"> <label class="form-check-label"><input type="checkbox" class="form-check-input" value="" disabled>

Option 3 </label>

</div>

使用 .form-check-inline 类可以让选项显示在同一行上:

<div class="form-check form-check-inline"> <label class="form-check-label"> <input type="checkbox" class="form-check-input" value="">

Option 1 </label>

</div>

<div class="form-check form-check-inline"> <label class="form-check-label"> <input type="checkbox" class="form-check-input" value="">

Option 2 </label>

</div>

<div class="form-check form-check-inline disabled"> <label class="form-check-label"> <input type="checkbox" class="form-check-input" value="" disabled>

Option 3 </label>

</div>


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约