Sie können CSS verwenden, wenn Sie die Feldbezeichnungen Ihres Formulars ausblenden möchten, um sie an den Stil Ihrer Website anzupassen oder wenn Sie die Feldbezeichnungen einfach nicht anzeigen möchten. Diese Anleitung zeigt, wie Sie den CSS-Code zum Ausblenden der Feldbezeichnungen in Ihrem Formular erstellen.
Alle Feldbezeichnungen ausblenden
Um alle Feldbezeichnungen in Ihrem Formular auszublenden, verwenden Sie den folgenden CSS-Code:
.form-label {
display: none;
}Sehen Sie sich Wie man benutzerdefinierte CSS-Codes einfügt an, um den CSS-Code auf Ihr Formular anzuwenden.
Bestimmte Feldbezeichnungen ausblenden
Um bestimmte Feldbezeichnungen auszublenden
- Im Formular-Generator klicken Sie auf das Zahnradsymbol des Elements, um die Eigenschaften zu öffnen.
- Gehen Sie im Eigenschaften-Panel oben zu Erweitert.
- Öffnen Sie Felddetails.
- Notieren Sie sich die Feld-ID.
- Ermitteln Sie den ersten numerischen Teil der Feld-ID direkt nach dem ersten Unterstrich und fügen Sie “#label_” hinzu. Dies wird die ID der Feldbezeichnung sein.
Zum Beispiel
| Feld-IDs | Feldbezeichnungs-ID |
|---|---|
| #input_4 | #label_4 |
| erste_7, #letzte_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 eine display: none; CSS-Deklaration zur Feldbezeichnungs-ID hinzu. Zum Beispiel, mit der Feldbezeichnungs-ID #label_4, lautet der Code wie folgt:
#label_4 {
display: none;
}Sie können die Deklaration auch auf mehrere durch Kommas getrennte Feldbezeichnungen mit einer einzigen Regel anwenden:
#label_4, #label_7, #label_10, #label_12 {
display: none;
}- Integrieren Sie den CSS-Code in Ihr Formular.
Kommentar abschicken: