HTML5 textarea non marqué n’apparaît pas

Je n’arrive pas à comprendre ce qui ne va pas avec mon balisage, mais l’espace réservé à la zone de texte n’apparaîtra pas. Il semble que certains espaces et tabs puissent être recouverts. Lorsque vous vous concentrez sur la zone de texte et supprimez la position du curseur, quittez la zone de texte, l’espace réservé approprié apparaît alors.

     



$(document).ready(function() { $('#message_form').html5form({ allBrowsers : true, responseDiv : '#response', messages: 'en', messages: 'es', method : 'GET', colorOn :'#d2d2d2', colorOff :'#000' } ); });

Celui-ci a toujours été un piège pour moi et pour beaucoup d’autres. En bref, les balises d’ouverture et de fermeture de l’élément doivent être sur la même ligne, sinon un caractère de nouvelle ligne l’occupe. L’espace réservé ne sera donc pas affiché car la zone de saisie contient du contenu (un caractère de nouvelle ligne est, techniquement, un contenu valide).

Bien:

  

Mal:

  

Supprimer tous les espaces et les sauts de ligne entre les balises ouverture et de fermeture .

  ///Correct one  ///Bad one It's treats as a value so browser won't display the Placeholder value  ///Bad one 

c’est parce qu’il y a un espace quelque part. J’utilisais jsfiddle et il y avait un espace après le tag. Après avoir supprimé l’espace, il a commencé à fonctionner

Eh bien, techniquement, il ne doit pas nécessairement être sur la même ligne tant qu’il n’y a pas de caractère entre la fin “>” de la balise de début et le début “<" de la balise de fermeture. C'est à dire que vous devez finir par …> comme dans l’exemple ci-dessous:

 

utilisez au lieu de laisser un espace entre les balises d’ouverture et de fermeture sous la forme

Entre la balise d’ouverture et de fermeture dans notre cas, la balise textarea ne doit pas être un espace ou un caractère de nouvelle ligne, ni aucun texte (valeur).

S’il y a de l’espace, du caractère de nouvelle ligne ou n’importe quel texte, il est considéré comme une valeur qui remplace l’espace réservé.

  **PlaceHolder Appears**  **PlaceHolder Doesn't Appear**    

J’ai eu le même problème, en utilisant uniquement un fichier .pug (similaire à .jade ). J’ai réalisé que c’était aussi un problème d’espace après la fin de mes parenthèses finales. Dans mon exemple, vous devez sélectionner le texte après (placeholder="YOUR MESSAGE") pour voir:

AVANT:

 form.form-horizontal(method='POST') .form-group textarea.form-control(placeholder="YOUR MESSAGE") .form-group button.btn.btn-primary(type='submit') SUBMIT 

APRÈS:

 form.form-horizontal(method='POST') .form-group textarea.form-control(placeholder="YOUR MESSAGE") .form-group button.btn.btn-primary(type='submit') SUBMIT