Поле ввода, оберните текст вместо горизонтального

У меня есть поле ввода, пользователь будет писать текст внутри, но когда текст слишком длинный, он просто расширяется по горизонтали, а не опускается по вертикали.

Я старался:

overflow: hidden;
word-wrap: break-word;

и мне не повезло. Любые другие предложения о том, как это сделать?

Ответы

Ответ 2

Xtian. У вас не должно быть ограничений на то, где вам нужно использовать <input> или <textarea>. Просто дайте текстовой области то же имя, которое вы использовали бы для ввода, и все будет хорошо.

Например, я просто заменил

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

С

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

Намного лучше.