### [wpforms_display_field_before](https://wpforms.com/developers/wpforms_display_field_before/) **Publié :** 24 février 2021 **Auteur :** Équipe éditoriale **Extrait :** L'action wpforms_display_field_before se déclenche avant l'affichage du formulaire pour déterminer la position de certains éléments du formulaire tels que les étiquettes. **Contenu :** ## Description L'action `wpforms_display_field_before` se déclenche avant l'affichage du formulaire pour déterminer la position de certains éléments du formulaire tels que les étiquettes. ## Paramètres $fields(*array*) Valeurs/propriétés des champs de saisie nettoyées.$form\_data(*array*) Paramètres/données du formulaire.## Source `wpforms/src/Frontend/Frontend.php` ## Informations supplémentaires L'action se déclenche avant l'affichage du formulaire. Cette action peut être utilisée pour déplacer des attributs du formulaire tels que les étiquettes des champs du formulaire. ## Exemples Dans cet exemple, nous allons supprimer complètement les étiquettes en supprimant l'action. ``` /** * L'action se déclenche avant l'affichage du formulaire pour déterminer la position de certains éléments du formulaire tels que les étiquettes. * * @link https://wpforms.com/developers/wpforms_display_field_before/ * * @param array $fields Valeurs/propriétés des champs de saisie nettoyées. * @param array $form_data Paramètres/données du formulaire. * @return array */ function wpf_dev_display_field_before( $field, $form_data ) { // Exécute ce snippet uniquement sur le formulaire avec l'ID 879 if ( absint( $form_data[ 'id' ] ) !== 879 ) { return; } remove_action( 'wpforms_display_field_before', array( wpforms()->frontend, 'field_label' ), 15, 2 ); } add_action( 'wpforms_display_field_before', 'wpf_dev_display_field_before', 10, 2 ); ``` ## Articles de référence - [Comment ajouter le Material Design aux champs de votre formulaire à l'aide de CSS](https://wpforms.com/developers/how-to-add-material-design-to-your-form-fields-using-css/ "Comment ajouter le Material Design aux champs de votre formulaire à l'aide de CSS") - [Comment créer un formulaire avec des étiquettes flottantes](https://wpforms.com/developers/how-to-create-a-form-with-floating-labels/ "Comment créer un formulaire avec des étiquettes flottantes") - [Comment afficher des shortcodes à l'intérieur de l'étiquette du champ du formulaire](https://wpforms.com/developers/how-to-display-shortcodes-inside-the-label-of-the-form-field/ "Comment afficher des shortcodes à l'intérieur de l'étiquette du champ du formulaire") **Catégories :** Hooks d'action **Tags :** PHP ---