Plusieurs lignes d'entrée dans <input type="text" />

Question

J'ai cette entrée de texte sous une forme:

 <input type="text"
       cols="40" 
       rows="5" 
       style="width:200px; height:50px;" 
       name="Text1" 
       id="Text1" 
       value="" />
 

J'essaie de l'obtenir pour prendre plusieurs lignes d'entrée. La largeur et la hauteur rendent la boîte plus grande, mais l'utilisateur peut entrer du texte tout ce qu'il veut mais il ne remplit qu'une seule ligne.

Comment est-ce que je fais l'entrée plus comme une zone de texte?

Answer 1

Vous devez utiliser une zone de texte pour obtenir une gestion multiligne.

 <textarea name="Text1" cols="40" rows="5" ... ></textarea>
 

Answer 2

Tu ne peux pas. Le seul élément de formulaire HTML conçu pour être multiligne est <textarea> .

Answer 3

Il est possible de créer une ligne multi-ligne en lui donnant l'attribut word-break: break-word; . (Seulement testé dans Chrome)

Answer 4

Utilisez la zone de texte

 <textarea name="textarea" style="width:250px;height:150px;"></textarea>
 

Ne laissez pas d'espace entre les balises d'ouverture et de fermeture. Sinon Cela laissera des lignes ou des espaces vides.

Answer 5

Vérifie ça:

• http://www.w3.org/TR/html401/interact/forms.html#h-17.7

L'élément TEXTAREA crée un contrôle d'entrée de texte multiligne