tipo - input types textarea
Más de 1 fila en<Input type="textarea"/> (4)
Tengo problemas para que mi <input type="textarea" />
tenga más de 1 fila,
Traté de agregar las propiedades en el html, como lo haría con un <textarea></textarea>
normal como este: <input type="textarea" rows="x" cols="x" />
Incluso traté de hacerlo en CSS, pero no funcionó. He buscado en toda la Internet una solución, pero parece que no puedo encontrar un tema sobre mi problema exacto en ninguna parte.
Las áreas de texto con las que estoy experimentando esto, están en este sitio web: Vilduhelst
Cuando presiones el botón "Lav dit eget dilemma" aparecerán.
Estoy buscando una solución HTML o CSS.
¿Por qué no usar la etiqueta <textarea>
?
<textarea id="txtArea" rows="10" cols="70"></textarea>
Aunque <input>
ignora el atributo rows
, puede aprovechar el hecho de que <textarea>
no tiene que estar dentro de las etiquetas <form>
, pero aún puede ser parte de un formulario al hacer referencia al id del formulario:
<form method="get" id="testformid">
<input type="submit" />
</form>
<textarea form ="testformid" name="taname" id="taid" cols="35" wrap="soft"></textarea>
Por supuesto, <textarea>
ahora aparece debajo del botón "enviar", pero tal vez encuentres una forma de reposicionarlo.
Como dijo Sparky en los comentarios sobre muchas respuestas a esta pregunta, NO hay ningún valor de área de textarea
para el atributo de type
de la etiqueta de input
.
En otros términos, el siguiente marcado no es válido :
<input type="textarea" />
Y el navegador lo reemplaza por defecto :
<input type="text" />
Para definir una entrada de texto de varias líneas, use:
<textarea></textarea>
Consulte la documentación del elemento textarea para obtener más detalles.
La etiqueta de "entrada" no admite atributos de filas y cols. Esta es la razón por la cual la mejor alternativa es usar un área de texto con atributos de filas y columnas. Todavía puede agregar un atributo de "nombre" y también hay un útil atributo "envolver" que puede servir bastante bien en diversas situaciones.