Espaces réservés dans le formulaire de contact Jetpack
En HTML5, vous pouvez utiliser des espaces réservés dans vos formulaires pour nommer des champs ou guider les utilisateurs. J'aimerais utiliser ceci dans les formulaires Jetpack, mais il semble que cela ne le supporte pas. Vous pouvez ajouter une valeur par défaut telle que default="Your name", mais l'utilisateur devra alors supprimer ce texte avant d'écrire. Avec les espaces réservés, le champ est effacé lorsque vous commencez à écrire.
Des solutions de rechange en JavaScript peut-être?
Vous pouvez le faire avec jQuery (ce qui veut dire qu’il s’agit plutôt d’une question jQuery/JavaScript).
Placez ce qui suit dans l’un de vos fichiers JS (déjà inclus), ou créez un nouveau fichier JS et mettez-le en file d'attente ou codez-le en dur entre les balises <script>...</script>:
jQuery(document).ready(function($) {
$('#my-form-field').attr('placeholder', 'Please enter your name...');
});