Bei der Herstellung eines Formulars ist es unvermeidlich, eine Verifizierung von Formularen durchzuführen. Es ist auch notwendig, Überprüfungsstatusstile bereitzustellen, und diese Effekte sind auch im Bootstrap -Framework bereitgestellt.
1. Has-Warning: Warnstatus (gelb)
2. Has-Fehler: Fehlerstatus (rot)
3..
Bei der Verwendung müssen Sie den Statusklassennamen nur hinzufügen, der dem Container der Formgruppe entspricht.
<Formrolle = "Form"> <div> <label für = "inputSuccess1"> Erfolgsstatus </Label> <Eingabe type = "text" id = "InputSuccess1" placeholder = "Erfolgsstatus"> </div> <div> <div> <div> <div> <div> <Darly "label für =" InputWarning1 "> Warnstatus </label> <Eingabe -Typ =" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id "id" id = "plodeholder =" plopledHilde ". for = "inpuNError1"> Fehlerstatus </label> <Eingabe type = "text" id = "InputError1" Placeholder = "Fehlerstatus"> </div> </form>
Der laufende Effekt ist wie folgt oder anzeigen das Ergebnisfenster rechts:
Bei der Überprüfung des Formulars liefern verschiedene Zustände unterschiedliche Symbole, z. B. Erfolg ist ein Scheckszeichen (√), Fehler ist ein Kreuzzeichen (×) usw. Dieser Effekt wird auch in der Bootstrap -Box angegeben. Wenn das Formular im entsprechenden Status das Symbol angezeigt werden soll, müssen Sie nur den Klassennamen "Has-Feedback" im entsprechenden Zustand hinzufügen. Beachten Sie, dass solche Namen mit "has-fehler", "has-warning" und "has-success" zusammen sein sollen:
<Formrolle = "Form"> <div> <label for = "inputSuccess1"> Erfolgsstatus </Label> <Eingabe type = "text" id = "InputSuccess1" placeholder = "Erfolgsstatus"> <span> </span> </div> <div> <label für = "inputwarning1"> Warning Status </label> <input type "text Status "> <span> </span> </div> <div> <Label für =" InpuseRror1 "> Fehlerstatus </label> <Eingabe typ
Der laufende Effekt ist wie folgt oder anzeigen das Ergebnisfenster rechts:
Wie aus den Renderings ersichtlich ist, sind die Symbole rechts. Die kleinen Symbole in Bootstrap werden alle mit @font-face erstellt (ein Abschnitt wird im folgenden Inhalt eingeführt). Und Sie müssen dem Formular ein Spannelement hinzufügen:
<span> </span>
Das obige ist der Formularsteuerstatus (Überprüfungsstatus) in Bootstrap, der Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!