Sie können CSS verwenden, wenn Sie die Feldbeschriftungen Ihres Formulars ausblenden möchten, um sie an den Stil Ihrer Website anzupassen, oder wenn Sie die Feldbeschriftungen einfach nicht anzeigen möchten. Diese Anleitung zeigt, wie Sie den CSS-Code zum Ausblenden Ihrer Formularfeldbeschriftungen erstellen.
Alle Feldbeschriftungen ausblenden
Um alle Feldbeschriftungen Ihres Formulars auszublenden, verwenden Sie den folgenden CSS-Code:
.form-label {
display: none;
}
Weitere Informationen zum Einfügen von benutzerdefinierten CSS-Codes finden Sie unter So fügen Sie benutzerdefinierte CSS-Codes ein.
Bestimmte Feldbezeichnungen ausblenden
So blenden Sie bestimmte Feldbezeichnungen aus
- Wählen Sie im Formular-Builder das Zahnradsymbol des Elements aus, um die Eigenschaften zu öffnen.
- Gehen Sie im Eigenschaftenbereich oben auf 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 hängen Sie “#label_” an. Dies ist die ID der Feldbezeichnung.
Beispiel:
Feld-IDs | Feldbezeichnungs-ID |
---|---|
#input_4 | #Beschriftung_4 |
#erste_7, #letzte_7 | #Beschriftung_7 |
#Eingabe_10_Adresse_Zeile1, #Eingabe_10_Adresse_Zeile2… | #Beschriftung_10 |
#input_12_0_0, #input_12_0_1, #input_12_1_0… | #label_12 |
- Fügen Sie der Feldbezeichnungs-ID eine display: none;-CSS-Deklaration hinzu. Beispielsweise lautet der Code für die Feldbezeichnungs-ID #label_4 wie folgt:
#label_4 {
display: none;
}
Sie können die Deklaration auch mit einer einzigen Regel auf mehrere kommagetrennte Feldbezeichnungen anwenden:
#label_4, #label_7, #label_10, #label_12 {
display: none;
}
- Fügen Sie den CSS-Code in Ihr Formular ein.
Kommentar abschicken: