Lors de la prise de forme, il est inévitable de faire une vérification de la forme. Il est également nécessaire de fournir des styles de statut de vérification, et ces effets sont également fournis dans le cadre de bootstrap.
1.Has d'avertissement: statut d'avertissement (jaune)
2. .Has-error: Statut d'erreur (rouge)
3..
Lorsque vous l'utilisez, il vous suffit d'ajouter le nom de classe d'état correspondant au conteneur de groupe de formulaire.
<form role = "form"> <div> <label for = "inputSuccess1"> Success Status </Bel> <input type = "text" id = "inputSuccess1" placeholder = "Success Status"> </ div> <v> <label for = "inputwarning1"> werning status </bold> <uppy type = "Text" id = "ENTrendWarning1" PlaceHolder = "Warning Status"> </ Text "ID =" Entréewarning1 "PlaceHolder =" Warning Status "> </ Text" ID = "Entréewarning1" PlaceHolder = "Warning Status"> </ Text "ID =" Entréewarning1 "PlaceHolder =" Statut Warning "> </ Text" ID = "LABLE1" pour = "inputError1"> Statut d'erreur </Bel> <entrée type = "text" id = "inputError1" placeholder = "Error Status"> </div> </form>
L'effet en cours d'exécution est le suivant ou affiche la fenêtre de résultat à droite:
Plusieurs fois, lors de la vérification du formulaire, différents états fourniront des icônes différentes, telles que le succès est un signe de vérification (√), l'erreur est un signe croisé (×), etc. Cet effet est également fourni dans la boîte de bootstrap. Si vous voulez que l'icône du formulaire affiche à l'état correspondant, vous n'avez qu'à ajouter le nom de classe "Has-Feedback" à l'état correspondant. Notez que ces noms doivent être avec "Has-Error", "Has-Warning" et "Has-Success":
<form role = "form"> <div> <label for = "inputSuccess1"> Success Status </Bel> <entrée type = "text" id = "inputSuccess1" placeholder = "Success Status"> <span> </span> </ div> <v> <label for = "inputwarning1"> statut d'alerte </ label> <entrée type = "text" id = "inputwarning1" Payder = "Warning" Status "> <span> </ span> </ div> <v> <étiquette pour =" inputError1 "> Statut d'erreur </bélli> <input type =" Text "id =" inputError1 "placeholder =" Error Status "> <span> </span> </div> </ form>
L'effet en cours d'exécution est le suivant ou affiche la fenêtre de résultat à droite:
Comme le montrent les rendus, les icônes sont à droite. Les petites icônes de Bootstrap sont toutes créées à l'aide de @ font-face (une section sera introduite dans le contenu suivant). Et vous devez ajouter un élément de portée au formulaire:
<span> </span>
Ce qui précède est l'état de contrôle de formulaire (statut de vérification) dans Bootstrap qui vous est présenté par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!