Ao fazer um formulário, é inevitável fazer a verificação. Também é necessário fornecer estilos de status de verificação, e esses efeitos também são fornecidos na estrutura do bootstrap.
1.Dearning: status de aviso (amarelo)
2 .has-error: status de erro (vermelho)
3.Has-sucesso: status de sucesso (verde)
Ao usá-lo, você só precisa adicionar o nome da classe de status correspondente ao contêiner do grupo de formulários.
<form role = "formulário"> <div> <gravador para = "inputSuccess1"> status de sucesso </crety> <input type = "text" id = "inputSuccess1" stailholder = "status de sucesso"> </div> <div> <gravador para "" inputwarning1 "> status de alerta </etc. Status "> </div> <div> <etiqueta para =" inputError1 "> status do erro </elatel> <input type =" text "id =" inputError1 "stailholder =" erro de erro "> </div> </form>
O efeito de execução é o seguinte ou visualize a janela de resultado à direita:
Muitas vezes, ao verificar o formulário, diferentes estados fornecem ícones diferentes, como o sucesso é um sinal de verificação (√), o erro é um sinal cruzado (×), etc. Esse efeito também é fornecido na caixa de bootstrap. Se você deseja que o formulário exiba o ícone no estado correspondente, você só precisará adicionar o nome da classe "has-feedback" no estado correspondente. Observe que esses nomes devem estar com "Has-Error", "Has-Willing" e "Has-success":
<form role = "formulário"> <div> <gravador para = "inputSuccess1"> status de sucesso </crety> <input type = "text" id = "inputSuccess1" stailholder = "status do sucessor"> <plapTh) </span> </div) <nptr typ = "textWarning1"> status de aviso </lat> Status "> <pan> </span> </div> <div> <gravadora para =" inputerror1 "> status do erro </label> <input type =" text "id =" inputerror1 "stailholder =" Erro "> </span> </div> </morm>
O efeito de execução é o seguinte ou visualize a janela de resultado à direita:
Como pode ser visto nas representações, os ícones estão à direita. Os pequenos ícones no Bootstrap são todos criados usando @font-face (uma seção será introduzida no conteúdo a seguir). E você deve adicionar um elemento de span ao formulário:
<span> </span>
O acima é o status de controle do formulário (status de verificação) no bootstrap introduzido pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!