校验状态

<% include forms-control-validation-markup-1.html %>
<%- includeMDJs('components/Form/forms-control-validation-markup-1.html') %>

添加额外的图标

你还可以针对校验状态为输入框添加额外的图标。只需设置相应的 .has-feedback 类并添加正确的图标即可。

<% include forms-control-validation-markup-2.html %>
<%- includeMDJs('components/Form/forms-control-validation-markup-2.html') %>

为水平排列的表单和内联表单设置可选的图标

<% include forms-control-validation-markup-3.html %>
<%- includeMDJs('components/Form/forms-control-validation-markup-3.html') %>

可选的图标与设置 .sr-only 类的 label

通过为 label 元素添加 .sr-only 类，可以让表单控件的 label 元素不可见。在这种情况下，Bootstrap 将自动调整图标的位置。

<% include forms-control-validation-markup-4.html %>
<%- includeMDJs('components/Form/forms-control-validation-markup-4.html') %>