Champ de saisie, envelopper le texte au lieu de l'étendre horizontalement

Question

J'ai un champ de saisie, un utilisateur écrira du texte à l'intérieur, mais lorsque le texte est trop long, il s'étend simplement horizontalement au lieu de descendre verticalement.

J'ai essayé:

overflow: hidden; Word-wrap: break-Word;

et je n'ai pas eu de chance. Avez-vous d'autres suggestions sur la façon d'y parvenir?

Leniel Maccaferri · Accepted Answer

Je pense que vous devriez utiliser un champ de saisie multiligne comme TextArea:

http://htmlhelp.com/reference/html40/forms/textarea.html

Exemple de code:

<textarea rows="10" cols="30"></textarea>

Kyle Clegg · Answer

Xtian - Vous ne devriez avoir aucune restriction sur l'endroit où vous devez utiliser un <input> ou un <textarea>. Donnez simplement à la zone de texte le même nom que vous auriez utilisé pour l'entrée et tout ira bien.

Par exemple, je viens de remplacer

<input type="text" name="reply" />

Avec

<textarea rows="1" cols="26" name="reply"></textarea>

Bien mieux maintenant.