Расширяющиеся поле для ввода

[PavelTkachev]

Возможно ли сделать поле для ввода не фиксированной высоты, а переменной: так, чтобы вначале была только одна строчка, но как только текст начал писаться с новой строки, то поле для ввода само увеличивало высоту на величину строки, а при удалении символов свою длину уменьшало?

[Great Rash]

Возможно.

[Switch74]

1. Можно использовать редактируемый div,

если для формы критично наличие текстового поля, с помощью js можно переносить в скрытое поле текст из div

2. С помощью js изменять размер текстового поля в зависимости от количества строк

[PavelTkachev]

Скажите, а использование <div contenteditable="true">  - это и есть вариант 1?

[Great Rash]

Скажите, а использование - это и есть вариант 1?

Да. Но это наихудший вариант из предложенных.

[PavelTkachev]

Почему? И какой лучший? И какой будет самый кросбраузерный и всеверсионный?

[Great Rash]

Почему?

Потому что надо будет создавать фактически 2 элемента, и передавать данные из одного в другой, чтобы отправить их на сервер. Опять же скрипт будет больше.

И какой лучший? И какой будет самый кросбраузерный и всеверсионный?

textarea + javascript

[Switch74]

а мне что-то кажется, что в первом варианте меньше будет...

[PavelTkachev]

Потому что надо будет создавать фактически 2 элемента, и передавать данные из одного в другой, чтобы отправить их на сервер. Опять же скрипт будет больше.

 

Я заберу текст внутри div с помощью javascript по нажатию на button и передам его через ajax. Зачем второй элемент?

[Switch74]

если бы вам нужен был функционал стандартной формы, нужен был бы элемент формы, при использовании отправки данных js

судя по всему в вашем случае удобнее будет через div делать

[Great Rash]

а мне что-то кажется, что в первом варианте меньше будет...

http://codepen.io/GreatRash/pen/JoKvmo

[PavelTkachev]

 

а мне что-то кажется, что в первом варианте меньше будет...

http://codepen.io/GreatRash/pen/JoKvmo

 

 

Спасибо!

[Zverushka]

@Great Rash, а для чего setTimeOut 0? 

[Great Rash]

а для чего setTimeOut 0

Вот тут об этом написано. 

[SelenIT]

Когда-то давно сталкивался с проблемой с setTimeout(...,0) в Firefox, не помню точно, когда и как, но другие тоже сталкивались. Помню, что помогала замена 0 на 10ms (сейчас, по идее, должно хватить 5, т.к. минимальная задержка по спеке HTML5 — 4ms).