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.Campo de entrada, ajustar el texto en lugar de extenderlo horizontalmente
Intenté: overflow: hidden; ajuste de palabra: palabra de ruptura;
y no tuve suerte. ¿Alguna otra sugerencia sobre cómo lograr esto?
creo que se debe utilizar un campo de entrada de varias líneas como TextArea:
http://htmlhelp.com/reference/html40/forms/textarea.html
Código de ejemplo:
<textarea rows="10" cols="30"></textarea>
Me encantaría usar un área de texto pero estoy siendo forzado a usar un campo de entrada. – Xtian
Bueno, creo que al usar un campo de entrada no puede obtener este comportamiento. Al menos nunca he visto eso antes. Es por eso que TextArea existe para. –
"Forzado" de qué manera? –
Xiano - Usted no debería tener ninguna restricción en donde es necesario utilizar un <input> o un <textarea>. Simplemente dale al área de texto el mismo nombre que hubieras usado para la entrada y estarás bien.
Por ejemplo, sólo sustituyen
<input type="text" name="reply" />
Con
<textarea rows="1" cols="26" name="reply"></textarea>
Mucho mejor ahora.
use jQuery como se menciona aquí: http://stackoverflow.com/questions/8809568/html-javascript-vertically-expand-textbox-when-text-is-too-long – kurifu