Sie können CSS verwenden, wenn Sie die Feldbeschriftungen Ihres Formulars ausblenden müssen, um sie an den Stil Ihrer Website anzupassen, oder wenn Sie die Feldbeschriftungen einfach nicht anzeigen möchten. In dieser Anleitung wird gezeigt, wie Sie den CSS-Code zum Ausblenden der Feldbeschriftungen Ihres Formulars erstellen. Wie Sie den CSS-Code auf Ihr Formular anwenden können, erfahren Sie unter Wie Sie benutzerdefinierte CSS Codes einfügen.
Ausblenden aller Feldbezeichnungen
Um alle Feldbeschriftungen in Ihrem Formular auszublenden, wenden Sie den folgenden CSS-Code an:
.form-label {
display: none;
}Bestimmte Feldbezeichnungen ausblenden
So blenden Sie bestimmte Feldbezeichnungen aus
- Wählen Sie im Formular Generator das Zahnradsymbol des Elements, um die Eigenschaften zu öffnen.
- Gehen Sie im Eigenschaftenfenster auf der rechten Seite oben auf den Reiter Erweitert.
- Scrollen Sie nach unten und wählen Sie Feld-Infos.
- Notieren Sie sich die Feld-ID.
- Ermitteln Sie den ersten numerischen Teil der Feld-ID direkt nach dem ersten Unterstrich und hängen Sie “#label_” an. Dies wird die ID der Feldbezeichnung sein.
Beispiel:
| Feld IDs | Feld BezeichnungID |
|---|---|
| #input_4 | #label_4 |
| #first_7, #last_7 | #label_7 |
| #input_10_addr_line1, #input_10_addr_line2… | #label_10 |
| #input_12_0_0, #input_12_0_1, #input_12_1_0… | #label_12 |
- Fügen Sie die CSS-Deklaration display: none; zur ID der Feldbezeichnung hinzu.
Wenn Sie zum Beispiel die ID des Feldes #label_4 verwenden, sieht der Code wie folgt aus:
#label_4 {
display: none;
}Sie können die Erklärung auch auf mehrere durch Komma getrennte Feldbezeichnungen anwenden, indem Sie eine einzige Regel verwenden:
#label_4, #label_7, #label_10, #label_12 {
display: none;
}- Fügen Sie den CSS-Code in Ihr Formular ein.
Kommentar abschicken: