html - tamaño - Campo de entrada, ajuste el texto en lugar de extenderlo horizontalmente

lineas horizontales para separar parrafos en html

Question

Tengo un campo de entrada, un usuario escribirá el texto en el interior, pero cuando el texto es demasiado largo se extiende horizontalmente en lugar de caer verticalmente.

Intenté: desbordamiento: oculto; word-wrap: palabra de ruptura;

y no tuve suerte ¿Alguna otra sugerencia sobre cómo lograr esto?

Answer 1

Creo que deberías usar un campo de entrada de línea múltiple como TextArea:

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

Código de muestra:

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

Answer 2

Xtian: no debe tener ninguna restricción sobre dónde debe usar una <input> o una <textarea> . Simplemente dale al área de texto el mismo nombre que hubieras usado para la entrada y estarás bien.

Por ejemplo, acabo de reemplazar

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

Con

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

Mucho mejor ahora.