Jump to content
  • 0

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


PavelTkachev
 Share

Question

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

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0

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

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

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

  • Like 1
Link to comment
Share on other sites

  • 0

Почему?

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

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

textarea + javascript
Link to comment
Share on other sites

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

 

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

Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy