开发工具和关键技术： VS form
作者：微凉之夏
创建日期： 2019年07月03日
要使用自定义表单并在浏览器之间保持一致性，请用自定义表单元素替换浏览器的默认值。 由于它们构建在语义和现有标记之上，因此首先有复选框和单选框定制。 每个选择块和选项按钮组合在一个选项卡中。 理由有以下三个。
1、这样可以提供更大的点击区域。
2、这样可以提供更有意义的容器，帮助您替换默认的标签组件。
3、然后自动触发标签状态，省略JavaScript插件的引用。
使用opacity隐藏了缺省值，并使用. custom-control-indicator在该位置上创建了新的表单指示符。 遗憾的是，css内容不适用于此元素，因此不能仅通过标签创建自定义事件。 使用css同级选择器处理标签的样式和状态。 也可以与. Custom-control-description配合使用，根据状态为每个对象调整样式，如checked自定义表单指示器。 例如，如果输入标签的对象属性具有autocomplete，则设置或返回email字段的autocomplete属性值；如果具有autofocus，则输入图像是否在页面加载后自动获得焦点如果defaultValue为默认值，则禁用(例如，来自是对表单的引用)处于选中状态时，请使用open lconic上的base64嵌入式SVG icons图标
Checkbox复选框(选中此自定义复选框)如下所示：
使用JavaScript指定手机设置时，自定义检查控件还允许使用：indeterminate伪类。 这实现了用于模糊提示的风格。
单个选项如下：
在上面的代码图的第一个和第三个框中，通过将. form-check-inline添加到任意组来平行排列添加到任意. form-check的选择框。 如果不添加. form-check-inline，则垂直放置；而如果不添加name，则第二个和第四个垂直放置
这将不再是复选框，而是复选框。 同样有三个选择，大意海燕也有所有选择，每个选择。 在这里，请注意name的值是否匹配。 您也可以禁用自定义复选框和多选框。 将禁用的布尔值属性添加到标记时，将自动加载禁用的说明和样式。 如下所示。