Как заставить одну строку в элементе HTML textarea?

Question

Есть ли способ сделать элемент текстовой области HTML, чтобы разрешить только одну строку?

Я хочу сделать это, потому что у меня будет кнопка для ее расширения, но если пользователю разрешено вводить несколько строк, когда текстовая область не развернута (только 1 строка), она выглядит не очень хорошо, и если я использую текстовое поле для нерасширенного состояния это выглядит странно, когда я заменяю его текстовой областью и расширяю его анимацией.

Answer 1

Вы можете использовать jQuery для создания такого эффекта поля. Смотри демо здесь .

http://www.9lessons.info/2010/03/facebook-like-expanding-textbox-with.html

Answer 2

Насколько я знаю, вам нужно использовать javascript для мониторинга и предотвращения ввода.

Answer 3

Нет.

Вы можете сложить элементы , затем сначала показать текстовую область и сразу удалить текстовое поле.Я думаю, это был бы обходной путь.

Пример на , как складывать элементы на jsFiddle .

Answer 4

Однако не в обычном HTML, если вы используете JavaScript, вы можете сделать это.