Le retour à la ligne automatique et le retour chariot ne fonctionnent pas à l'intérieur de la zone de texte

Question

J'ai une section Photos sur mon site Web et permet aux utilisateurs d'entrer des commentaires sur les images. Chaque page d'image a un formulaire avec une zone de texte pour entrer leur commentaire. Étrangement, le mot-wrap ne fonctionne pas dans la zone de texte et en appuyant sur Entrer les résultats dans le formulaire affiché plutôt que sur un retour chariot. De plus, il n'y a pas de barre de défilement lorsque le texte dépasse la taille de la zone de texte. J'ai essayé d'ajouter wrap = "soft" à la zone de texte (ce qui ne devrait pas importer de toute façon ... c'est la valeur par défaut) mais j'obtiens le même résultat.

Voici mon HTML:

<form action="#" method="post" onSubmit="javascript:urchinTracker ('/comment/5334656267047432002')"> 
         <input type="hidden" name="albumid" value="5334655700200924193" /> 
         <input type="hidden" name="imageid" value="5334656267047432002" /> 
         <div id="labelContainer"> 

          <div id="nameLabel">NAME</div> 
          <input class="inputName" type="text" name="name" /> 
          <div class="clear"></div> 
         </div> 
         <div id="inputContainer"> 
          <div id="contentLabel">COMMENT</div> 
          <input class="inputContent" type="textarea" name="commentcontent" /> 
          <div class="clear"></div> 

         </div> 
         <div class="clear"></div> 
         <input class="inputSubmit" type="submit" name="submit" value="Post" /> 
        </form> 

Et voici le lien: http://www.cameronhinkle.com/pictures/album/5334655700200924193/image/5334656267047432002

Merci à l'avance.

Answer 1

Vous le faites mal - textarea est une valeur non valide pour l'attribut type d'un élément <input>.

Qu'est-ce que vous voulez réellement est l'élément <textarea>:

<textarea name="commentcomment">contents</textarea> 

Sinon, tout ce que vous avez est un champ d'entrée d'une ligne de style pour ressembler à une zone de texte.

Pour en savoir plus: HTML <textarea> tag.