Текстовое поле действует как ввод

#jquery #html #css

#jquery #HTML #css — файл #css

Вопрос:

Как я могу применить стиль и javascript к полю textarea, чтобы оно действовало как текстовое поле ввода?

У меня есть несколько текстовых полей ввода, которые я хочу заполнить вставками с символами новой строки. Чтобы добиться этого, я преобразовал входные текстовые поля в текстовые области. Однако было бы неплохо, если бы ввод textarea выглядел и действовал как поле ввода.

Я определил, как изменить размер текстовой области, чтобы она выглядела как ввод, но есть и другие тонкие различия, все из которых я не описал. Я ищу библиотеку или всеобъемлющий способ заставить textarea действовать как textfield.

Спасибо

Обновить

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

1. Вы просто хотите, чтобы высота была такой же, как при обычном вводе текста?

2. Если вы хотите записать ввод с помощью новых строк, то вам не следует придавать им вид текстовых полей; после вставки это не будет выглядеть так, как будто это сработало. И наслаждайтесь всеми вставками из документов Word.

3. Дэйв Ньютон, я фиксирую вставленные значения, чтобы передавать данные с вкладками и с новой разметкой в отдельные поля ввода, которые выровнены по сетке.

Ответ №1:

До сих пор я находил полезными html и css в стиле следования.

 textarea {
    overflow: hidden;
    resize: none;
}

<textarea rows=1 wrap=Off></textarea>

Ответ №2:

Чтобы оно выглядело как поле ввода, вам нужно было бы изменить его length и width , чтобы оно имело нужный размер. В остальном эти два выглядят довольно похоже. Что касается JavaScript, это было бы похоже на то, что вы уже используете для inputs .

Ответ №3:

Вы можете записывать данные следующим образом

 $("#textarea1").val()

Ответ №4:

Вы могли бы сделать:

 textarea{
 width: 10em;  
    height:1.2em;

}

для стиля