bootstrap单选框复选框的使用

Posted fqh123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap单选框复选框的使用相关的知识,希望对你有一定的参考价值。

        <form role="form">
            <div class="form-group">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1">游戏
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option2">摄影
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option3">旅游
                </label>
            </div>
            <div class="form-group">
                <label class="radio-inline">
                    <input type="radio"  value="option1" name="sex">男性
                </label>
                <label class="radio-inline">
                    <input type="radio"  value="option2" name="sex">女性
                </label>
                <label class="radio-inline">
                    <input type="radio"  value="option3" name="sex">中性
                </label>
            </div>
        </form>

 

以上是关于bootstrap单选框复选框的使用的主要内容,如果未能解决你的问题,请参考以下文章

Twitter Bootstrap 按钮组控制单选按钮/复选框

如何在 Bootstrap 4 模态表单中重置单选按钮和复选框? [复制]

Jquery if复选框是否已选中Bootstrap开关

bootstrap学习总结-05 常用标签3

scss Bootstrap Pure CSS自定义单选按钮/复选框

Twitter Bootstrap:如何为收音机和复选框添加标签?