У меня есть поле ввода, пользователь будет писать текст внутри, но когда текст длинный, он просто расширяется горизонтально, а не падает вниз по вертикали.Поле ввода, обертывание текста вместо горизонтального отображения
Я пробовал: переполнение: скрыто; word-wrap: break-word;
и мне не повезло. Любые другие предложения о том, как это сделать?
Я думаю, вы должны использовать многострочный поле ввода в TextArea:
http://htmlhelp.com/reference/html40/forms/textarea.html
Пример кода:
<textarea rows="10" cols="30"></textarea>
Я бы looooove, чтобы использовать текстовое поле, но я я вынужден использовать поле ввода. – Xtian
Ну, я думаю, что с использованием поля ввода вы не можете получить это поведение. По крайней мере, я этого никогда не видел. Вот почему TextArea существует. –
«Принудительно» каким образом? –
кстианской - Вы не должны иметь каких-либо ограничений относительно того, где вы должны использовать a <input> или <textarea>. Просто дайте текстовой области то же имя, которое вы использовали бы для ввода, и все будет в порядке.
Например, я просто заменил
<input type="text" name="reply" />
С
<textarea rows="1" cols="26" name="reply"></textarea>
намного лучше.
Использование jQuery, как упомянуто здесь: http://stackoverflow.com/questions/8809568/html-javascript-vertically-expand-textbox-when-text-is-too-long – kurifu