如果您希望用户从预设选项列表中选择任意数量的选项，可以使用复选框：
创新互联建站-专业网站定制、快速模板网站建设、高性价比容城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式容城网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖容城地区。费用合理售后完善，10年实体公司更值得信赖。
<
div
class
=
"
form-check
"
>
<
input
class
=
"
form-check-input
"
type
=
"
checkbox
"
id
=
"
check1
"
name
=
"
option1
"
value
=
"
something
"
checked
>
<
label
class
=
"
form-check-label
"
>
Option 1
label
>
div
>
尝试一下 »
复选框通过使用 class="form-check" 来确保标签和复选框有适当边距。
.form-check-label 类添加到标签元素，.form-check 容器内添加 .form-check-input 类来设置复选框的样式。
checked 属性用于设置默认选中的选项。
如果您希望用户从预设选项列表中选择一个选项，可以使用单选框：
<
div
class
=
"
form-check
"
>
<
input
type
=
"
radio
"
class
=
"
form-check-input
"
id
=
"
radio1
"
name
=
"
optradio
"
value
=
"
option1
"
checked
>
Option 1
<
label
class
=
"
form-check-label
"
for
=
"
radio1
"
>
label
>
div
>
<
div
class
=
"
form-check
"
>
<
input
type
=
"
radio
"
class
=
"
form-check-input
"
id
=
"
radio2
"
name
=
"
optradio
"
value
=
"
option2
"
>
Option 2
<
label
class
=
"
form-check-label
"
for
=
"
radio2
"
>
label
>
div
>
<
div
class
=
"
form-check
"
>
<
input
type
=
"
radio
"
class
=
"
form-check-input
"
disabled
>
Option 3
<
label
class
=
"
form-check-label
"
>
label
>
div
>
尝试一下 »
如果你想把复选框变成一个可切换的开关，可以在 .form-check 容器内使用 .form-switch 类:
<
div
class
=
"
form-check form-switch
"
>
<
input
class
=
"
form-check-input
"
type
=
"
checkbox
"
id
=
"
mySwitch
"
name
=
"
darkmode
"
value
=
"
yes
"
checked
>
<
label
class
=
"
form-check-label
"
for
=
"
mySwitch
"
>
Dark Mode
label
>
div
>
尝试一下 »
