web-dev-qa-db-fra.com

Plus d'une ligne dans <Input type = "textarea" />

J'ai du mal à obtenir que mon <input type="textarea" /> ait plus d'une rangée,

J'ai essayé d'ajouter les propriétés dans le code HTML, comme vous le feriez avec un <textarea></textarea> normal comme ceci: <input type="textarea" rows="x" cols="x" />

J'ai même essayé de le faire en CSS, mais cela n'a pas fonctionné. J'ai cherché une solution sur Internet, mais je n'arrive pas à trouver un sujet concernant mon problème exact où que ce soit.

Les textareas que je vis avec, sont sur ce site: Vilduhelst

Lorsque vous appuyez sur le bouton "Lav dit eget dilemma", ils apparaissent.

Je recherche une solution HTML ou CSS.

inputtextarearowslines
61
Jonas Pedersen

Pourquoi ne pas utiliser la balise <textarea>?

​<textarea id="txtArea" rows="10" cols="70"></textarea>
66
Vinod Vishwanath

Bien que <input> ignore l’attribut rows, vous pouvez tirer parti du fait que <textarea> ne doit pas nécessairement figurer dans les balises <form>, mais peut néanmoins faire partie d’un formulaire en référençant l'identifiant du formulaire:

<form method="get" id="testformid">
    <input type="submit" />
</form> 
<textarea form ="testformid" name="taname" id="taid" cols="35" wrap="soft"></textarea>

Bien sûr, <textarea> apparaît maintenant sous le bouton "Soumettre", mais vous pourrez peut-être trouver un moyen de le repositionner.

30
Adam Luniewski

Comme dit par Sparky dans les commentaires sur de nombreuses réponses à cette question, il n'y a PAS ni textarea valeur de l'attribut type de la balise input.

En d'autres termes, le balisage suivant est non valide :

<input type="textarea" />

Et le navigateur le remplace par le défaut :

<input type="text" />

Pour définir une saisie de texte sur plusieurs lignes, utilisez: 

<textarea></textarea>

Voir la documentation de l'élément textarea pour plus de détails.

13
Damien Flament

La balise "input" ne prend pas en charge les attributs de lignes et de colonnes. C'est pourquoi la meilleure alternative consiste à utiliser une zone de texte avec des attributs de lignes et de colonnes. Vous pouvez toujours ajouter un attribut "name" et il existe également un attribut "wrap" utile qui peut très bien servir dans diverses situations.

5
Kalin Varbanov