### [Formularfeld deaktivieren, um Benutzereingaben zu verhindern](https://wpforms.com/developers/disable-a-form-field-to-prevent-user-input/)
**Veröffentlicht:** 26. Januar 2021
**Autor:** Umair Majeed
**Auszug:** Diese Anleitung zeigt Ihnen, wie Sie ein Formularfeld mit einer CSS-Klasse und etwas JavaScript deaktivieren.
**Inhalt:**
Möchten Sie verhindern, dass Benutzer Daten in ein bestimmtes Formularfeld eingeben? Das Deaktivieren eines Feldes oder das Einstellen als **schreibgeschützt** kann nützlich sein, wenn Sie möchten, dass Benutzer den Feldwert anzeigen können, ohne ihn bearbeiten zu können. In dieser Anleitung erfahren Sie, wie Sie ein Formularfeld deaktivieren und somit jegliche Benutzereingaben verhindern.
Dieser Ansatz kann auch wertvoll sein, wenn Sie diesen Wert in [der {all\_fields} Smart Tag](https://wpforms.com/docs/setup-form-notification-wpforms/#basic-setup "So richten Sie Formularbenachrichtigungs-E-Mails in WPForms ein") für Benachrichtigungs-E-Mails oder in [einem CSV-Export](https://wpforms.com/docs/how-to-export-form-entries-to-csv-in-wpforms/ "So exportieren Sie Formulareinträge als CSV in WPForms") verwenden möchten.
## Erstellen Ihres Formulars
Beginnen Sie zunächst mit der Erstellung eines neuen Formulars. In dieser Anleitung verwenden wir ein **Absatztext**-Feld, das eine Nachricht mit einem Smart Tag enthält, der das aktuelle Datum als Zeitstempel für die Formularübermittlung darstellt.
Wenn Sie Hilfe beim Erstellen des Formulars benötigen, [konsultieren Sie diese Anleitung für eine Schritt-für-Schritt-Anleitung](https://wpforms.com/docs/creating-first-form/ "Erstellen Ihres ersten Formulars").
Nachdem Sie Ihr Formular erfolgreich erstellt haben, fügen Sie ein **Absatztext**-Feld hinzu. Geben Sie im Tab **Erweitert** des Feldes `wpf-disable-field` als **CSS-Klassenname** ein, um die Deaktivierungsfunktion des Feldes zu aktivieren.
Wenn Sie mehr als eine CSS-Klasse für ein Formularfeld verwenden, stellen Sie sicher, dass Sie zwischen den Klassennamen ein Leerzeichen einfügen.
## Deaktivieren des Formularfeldes
Nun ist es an der Zeit, den Code-Schnipsel hinzuzufügen, der alles zusammenfügt.
Wenn Sie Hilfe beim Hinzufügen von Code zu Ihrer Website benötigen, [sehen Sie sich diese Anleitung an](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "So fügen Sie benutzerdefiniertes PHP oder JavaScript für WPForms hinzu").
```
/**
* Standard-Formularfelder schreibgeschützt machen
* Zur Anwendung die CSS-Klasse 'wpf-disable-field' (ohne Anführungszeichen) im Formular-Builder zum Feld hinzufügen
*
* @link https://wpforms.com/developers/disable-a-form-field-to-prevent-user-input/
*/
function wpf_dev_disable_field() {
}
add_action( 'wpforms_wp_footer_end', 'wpf_dev_disable_field', 30 );
```
Der obige Code deaktiviert nicht nur jedes Formularfeld in jedem Formular mit der CSS-Klasse **wpf-disable-field**, sondern überspringt diese Felder auch, wenn der Benutzer durch die einzelnen Felder tabuliert.
Der beste Weg, die Eingabe in anderen Feldern wie **Dropdown**, **Kontrollkästchen** oder **Mehrfachauswahl** zu verhindern, wäre, dem Benutzer nur eine einzige Option anzubieten.
Und das ist alles, was Sie benötigen, um Ihre Formularfelder schreibgeschützt einzurichten. Möchten Sie die Untertitel für das **Namensfeld** ändern? Unser Artikel [So ändern Sie Untertitel für das Namensfeld](https://wpforms.com/developers/how-to-change-sublabels-for-the-name-field/ "So ändern Sie Untertitel für das Namensfeld") führt Sie durch die Schritte zur Erreichung dieses Ziels.
## Referenzaktion
[wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Verwendung der Aktion wpforms_wp_footer_end")
## FAQ
#### F: Kann ich das auch für andere Felder verwenden?
**A:** Absolut! Solange Sie `wpf-disable-field` zu den Feldern hinzufügen, werden alle abgedeckt.
Als Beispiel deaktiviert dieser Ausschnitt ein **Dropdown**-Formularfeld.
```
/**
* Standard-Formularfelder schreibgeschützt machen
* Zur Anwendung die CSS-Klasse 'wpf-disable-field' (ohne Anführungszeichen) im Formular-Builder zum Feld hinzufügen
*
* @link https://wpforms.com/developers/disable-a-form-field-to-prevent-user-input/
*/
function wpf_dev_disable_field() {
}
add_action('wpforms_wp_footer_end', 'wpf_dev_disable_field', 30);
```
**Kategorien:** Felder
**Schlagwörter:** Javascript, JS
---