При создании формы неизбежно делать проверку формы. Также необходимо обеспечить стили состояния проверки, и эти эффекты также предоставляются в платформе начальной загрузки.
1. Ходить: статус предупреждения (желтый)
2.. Has-error: статус ошибки (красный)
3.
При его использовании вам нужно только добавить имя класса состояния, соответствующее контейнеру группы форм.
<form rol = "form"> <div> <label for = "inputSuccess1"> Статус успеха </label> <input type = "text" id = "inputSuccess1" waceholder = "Статус успеха"> </div> <div> <label for = "inputwarning1"> warning wantholder input wondwarning1 "> warning harning holding1" warning holding1 "warning holding1" warning holding1 "warning holding1" warning holding1 "= warning holding1 hure warning. Статус "> </div> <div> <label for =" inputError1 "> Состояние ошибки </label> <input type =" text "id =" inputError1 "wackholder =" Состояние ошибки "> </div> </form>
Эффект выполнения является следующим образом или просмотрите окно результата справа:
Много раз, при проверке формы, разные состояния будут предоставлять различные значки, такие как успех, является контрольным знаком (√), ошибка - это перекрестный знак (×) и т. Д. Этот эффект также предоставляется в поле начальной загрузки. Если вы хотите, чтобы форма отображала значок в соответствующем состоянии, вам нужно только добавить имя класса «Поправка» в соответствующее состояние. Обратите внимание, что такие имена должны быть с «has-error», «has-warning» и «has-success»:
<form rol = "form"> <div> <label for = "inputSuccess1"> Статус успеха </label> <input type = "text" id = "inputsuccess1" wackholder = "Статус успеха"> <pan> </span> </div> <div> <label for = "inputwarning1"> Состояние предупреждения </label> <input type = "textwarning1" warnting warning "warnting 'warnting' warnting 'warnting' warnting 'warning warnting 1 warning warnting 1 Статус "> <pan> </span> </div> <div> <label for =" inputError1 "> Состояние ошибки </label> <input type =" text "id =" inputError1 "Placeholder =" Статус ошибки "> <pan> </span> </div> </form>
Эффект выполнения является следующим образом или просмотрите окно результата справа:
Как видно из визуализации, значки справа. Маленькие значки в начальной загрузке создаются с использованием @font-face (раздел будет введен в следующем контенте). И вы должны добавить элемент пролета в форму:
<pran> </span>
Выше приведено статус управления формой (статус проверки) в начальной загрузке, введенном вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!