Перемещение курсора в начало или конец поля ввода TextArea или Input


Содержание

Перемещение курсора в начало или конец поля ввода TextArea или Input

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

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

Исправлено: ZenTigra, 16.02.17 18:34

Re: Как заставить курсор устанавливаться в начало/конец поля ввода.
Pliskin

Сообщений: 2901
Откуда: Новосибирск

Дата: 16.02.17 18:35:52
Re: Как заставить курсор устанавливаться в начало/конец поля ввода.
Igor Korolyov

Сообщений: 33149

Дата: 17.02.17 00:00:56

В фоксе такой чудесный текстбокс, что поставить курсор ввода «в последнюю позицию» невозможно в принципе — он может стоять только ПЕРЕД последним символом (если тем или иным образом задано ограничение по длинне вводимого выражения. если ограничения нет, то несколько теряется смысл «последней позиции»).
Кроме того большое значение имеет в каком именно обработчике события писать этот SelStart = 0. GotFocus не подойдёт для входа в поле мышкой, а какой-нить Click «сам по себе» превращает редактирование в кошмар — т.к. ВСЕ тычки мышой будут двигать курсор в начало, попутно сбрасывая выделение. Человек захотевший исправить пару символов в середине строки из 50-100 буковок проклянёт программиста сделавшего такое «улучшение» — и я его в этом всемерно поддержу А вот отличать «первый» клик мышой в поле от последующих — это уже весьма непросто будет (из-за особенностей порядка срабатывания событий для этого контрола).

P.S. Вообще-то «тыкают МЫШКОЙ в поле» и «не смотря на экран» — это взаимоисключающие параграфы. Юзера, мягко говоря, привирают. Вот что «не могут попасть точно в нужное место» — это да, в это ещё можно поверить

А для чистого ввода с клавиатуры (вход по Tab/Enter/клавиши со стрелками) вполне хватает свойств типа SelectOnEntry и Format=»K».

Исправлено: Igor Korolyov, 17.02.17 00:06

Re: Как заставить курсор устанавливаться в начало/конец поля ввода.
ZenTigra
Автор

Сообщений: 437

Дата: 17.02.17 09:38:20
Re: Как заставить курсор устанавливаться в начало/конец поля ввода.
krin

Сообщений: 159

Дата: 17.02.17 10:39:25
Re: Как заставить курсор устанавливаться в начало/конец поля ввода.
matod

Сообщений: 3057
Откуда: Иркутск

Дата: 17.02.17 11:06:26

Если задача в том, чтобы по щелчку мыши дата выделялась так же, как при переходе в поле по TAB (при установленном свойстве SelectOnEntry), можно в событие when текстбокса добавить строку

Это бывает удобно для полей, в которых пользователь как правило либо ничего не меняет, либо меняет все или большую часть.
В остальных полях я добавляю в событие Click

т.к. в пустом поле плохо видно, встал ли курсор точно в начало строки или же перед ним еще пробелы есть.

Re: Как заставить курсор устанавливаться в начало/конец поля ввода.
Igor Korolyov

Сообщений: 33149

Дата: 17.02.17 12:05:43

Для «пустого» поля — да, весьма удобно, но для заполненного проблема так просто не решается. Именно чтобы и становилось хорошо при первом входе, и не мешало потом мышкой же перемещаться по тексту. Благо не так уж часто это нужно — обычно хватает просто «выделения всего», т.е. предполагая что пользователь будет целиком заменять введенный текст.

Как поместить курсор в конец textarea (jQuery)

Иногда требуется поместить курсор фокуса в конец текстового поля TEXTAREA. Иногда просто так, сразу после загрузки страницы, иногда после вставки дополнительного текста в конец поля.

Фокус в конец TEXTAREA

Например у нас есть поле textarea >, с некоторым текстом, нам надо при помощи jQuery поместить курсор в конец текста.

Поместим фокус в конец.

После этого фокус будет перемещен в textarea, а курсор будет в конце строки.

Вставка текста в TEXTAREA и курсор в конец

Если нужно добавить текст в поле и поместить в конце курсор, делается все тоже самое, только текст добавляется в самом конце.

Например необходимо в текстовое поле добавить некоторый текст.

После выполнения скрипта, в тексту поля, в конце, будет добавлен текст «. » и фокус будет за восклицательными знаками.

Форум PHP программистов ► PHP практикум ► PHP общие вопросы

Пейджер выключен!

Профиль
Группа: Пользователь
Сообщений: 25
Пользователь №: 21277
На форуме:
Карма:

Есть задача, а именно вставить смайтик в textarea.

Смайлик вставляется следующим скриптом

Но после этого поле textarea становится не активным и что бы продолжить набирать текст, нужно снова кликнуть в textarea мышью.

Что добавить в скипт, что бы после вставки смайла, вернулся фокус на textarea и там появился курсор для продолжения набора текста.

Как переместить курсор в последнюю позицию текстового поля в Javascript?

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

7 ответов

под «последней позицией» вы подразумеваете конец текста?

изменить.значение ‘ поля формы переместит курсор в конец в каждом браузере, кроме IE. С IE вы должны пачкать руки и намеренно манипулировать выбором, используя нестандартные интерфейсы:

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

в каждом браузере кроме IE, это уже произойдет, просто вызвав элемент.focus ()’; браузер запоминает последнюю позицию курсора/выбора на входе и возвращает ее в фокус.

Это было бы довольно сложно воспроизвести в IE. Вам нужно будет все время опрашивать, чтобы проверить, где находится курсор / выделение, и запомнить эту позицию, если она была во входном элементе, а затем получить позицию для данного элемента при нажатии кнопки и восстановить ее. Это предполагает какой-то уж совсем нудно манипуляция документ.выбор.createRange()’.

Я не знаю ничего в jQuery, что помогло бы вам сделать это, но, возможно, где-то есть плагин?

ответ xgMz был лучшим для меня. Вам не нужно беспокоиться о браузере:

и вот быстрое расширение jQuery, которое я написал, чтобы сделать это для меня в следующий раз:

вы также можете сделать это:

этот код работает для обоих input и textarea . Протестировано с последними браузерами: Firefox 23, IE 11 и Chrome 28.

Позиция курсора в textarea

Рекомендованные сообщения

курсор устанавливается так, как положено.

В чём может быть проблема?

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

demous 0

demous 0

  • Участник
  • Пользователь 0
  • 41 публикация

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Ornament 0

Ornament 0

  • Новичок
  • Новенький 0
  • 7 публикаций

Не помогает ни soft, ни hard. В поле откуда-то берутся лишние пробелы, после удаления которых вручную курсор устанавливается на начало, а после обновления страницы снова в месте щелчка. А если в поле вывожу текст из БД, то его начало может быть выведено с любой позиции в поле, причем после текста образуются пробелы в количестве, равному числу выведенных символов. Думал, может из-за кэширования, но установка заголовков header с запретом кэширования проблему не решила. Если использовать очистку поля приведённым выше способом (#1), то выводимый текст появляется на секунду, затем исчезает.

Изменено 16 июля 2009 пользователем Ornament

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Searcher 38

Searcher 38

  • Шалун
  • Пользователь 38
  • 2 577 публикаций
  • Пол: Мужчина

Событие onload для body возникает тогда, когда веся страница загружена, в том числе и текст в textarea. Вот и получается, что текст загрузился, а потом вы его удатяете.

Установка курсора в месте нажатия — нормальное поведение броузера, чтобы его изменить устанавливайте принудительно позицию курсора на событии onclick поля textarea.

Перемещение курсора в конец Textarea / ввода в форме

Я использую этот код JQuery, чтобы сохранить курсор в конце текстового поля

И это еще ничего с позиции coursor не делать. Какие-либо предложения?

Вы должны установить свойство scrollTop также только после того, как операция фокусировки завершена, так и с тайм-аутом.

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

Курсор перемещается в начало текстового поля — javascript

У меня есть определенная проблема с IE8 (и только IE), когда я фокусирую поле ввода, в котором есть текст, курсор перемещается в начало этого поля. Я пытаюсь установить курсор в конце. Я googled вокруг и нашел следующее решение:

«Вход» здесь — это просто поле ввода, которое находится в классе ( var inputElement = this.input; ). Проблема в том, что и «setSelectionRange», и «createTextRange». Я делаю что-то неправильно? Определен ли параметр createTextRange только для TextArea?

@Edit: ну, похоже, я использовал что-то вроде «двух объектов» для ввода js и ввода jquery после изменения ввода в document.getElementsByTagName( «input» ) [0]; Я могу перейти в ветвь «createTextRange», но он по-прежнему не меняет положение курсора.

@Edit2: я немного изменил код, теперь я получаю входные данные из документа и входит в ветвь if. Но затем браузер показывает мне:

В этой строке var range = input.createTextRange();

@Edit3: ответить на вопрос Джеймса. У меня есть класс и в этом классе, все это связано с jsp, который имеет вход. В этом классе я устанавливаю обработчик фокуса для поля, связанного с входной формой jsp inputElement.focus(onInputFocus) , тогда у меня есть что-то вроде этого:

Весь класс, очевидно, намного больше, и это не мой код, но я предполагаю, что это последнее, что выполняется.

    1 1
  • 16 июл 2020 2020-07-16 09:53:28
  • Mateusz Dymczyk

1 ответ

Жаль, что я здесь что-то не хватает? Вы пытаетесь установить курсор в конец или выделить диапазон? Кажется, что вы задаете вопрос, первый из них, но решение достигает последнего.

Если вы просто хотите установить курсор в конец, то вышеуказанная функция не нужна. Просто выполните следующие действия после того, как был установлен фокус:

EDIT:

Насколько я вижу, есть целая куча вещей, которые могут отвлекать фокус от вашего ввода:

Что произойдет, если вы добавите фокус() между двумя последними строками:

Курсор перемещается в начало текстового поля

У меня есть определенная проблема с IE8 (и только IE), когда я фокусирую поле ввода, в котором есть текст, курсор перемещается в начало этого поля. Я пытаюсь установить курсор в конце. Я googled вокруг и нашел следующее решение:

«Вход» здесь — это просто поле ввода, которое находится в классе ( var inputElement = this.input; ). Проблема в том, что и «setSelectionRange», и «createTextRange». Я делаю что-то неправильно? Определен ли параметр createTextRange только для TextArea?

@Edit: ну, похоже, я использовал что-то вроде «двух объектов» для ввода js и ввода jquery после изменения ввода в document.getElementsByTagName( «input» ) [0]; Я могу перейти в ветвь «createTextRange», но он по-прежнему не меняет положение курсора.

@Edit2: я немного изменил код, теперь я получаю входные данные из документа и входит в ветвь if. Но затем браузер показывает мне:

В этой строке var range = input.createTextRange();

@Edit3: ответить на вопрос Джеймса. У меня есть класс и в этом классе, все это связано с jsp, который имеет вход. В этом классе я устанавливаю обработчик фокуса для поля, связанного с входной формой jsp inputElement.focus(onInputFocus) , тогда у меня есть что-то вроде этого:

Весь класс, очевидно, намного больше, и это не мой код, но я предполагаю, что это последнее, что выполняется.

Жаль, что я здесь что-то не хватает? Вы пытаетесь установить курсор в конец или выделить диапазон? Кажется, что вы задаете вопрос, первый из них, но решение достигает последнего.

Если вы просто хотите установить курсор в конец, то вышеуказанная функция не нужна. Просто выполните следующие действия после того, как был установлен фокус:

Насколько я вижу, есть целая куча вещей, которые могут отвлекать фокус от вашего ввода:

Что произойдет, если вы добавите фокус() между двумя последними строками:

Перемещение курсора в начало или конец поля ввода TextArea или Input

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

1. Изображение в качестве фона, которое пропадает при вводе текста.

Вы можете добавить фоновое изображение также, как и в любой другой элемент. В этом случае стиль по умолчанию для textarea изменяется, а именно бордер толщиной в 1px изменяется на скошенную границу. Исправляется это явным указанием бордера.

Фоновое изображение может повлиять на читаемость текста. Поэтому фоновое изображение надо убирать при получении фокуса и возвращать его, если textarea осталась без текста. Например, используя jQuery это можно сделать таким образом:

2. Placeholder в HTML5

В HTML5 появился новый атрибут, называемый placeholder. Значение этого атрибута показывается в текстовом элементе и исчезает при получении фокуса, а также в случае когда в элементе введён текст.

HTML5 placeholder поддерживается в следующих браузерах: Safari 5, Mobile Safari, Chrome 6, и Firefox 4 alpha.

3. Placeholder, HTML5 с поддержкой старых браузеров используя jQuery

Самый простой способ проверить поддерживается ли атрибут браузером это проверить с помощью javaScript:

Затем можно написать код, который будет срабатывать если браузер не поддерживает атрибут placeholder.

4. Удаляем обводку textarea

Браузеры на движках webkit, а также в FireFox 3.6, обводят textarea, когда он находится в фокусе. Удалить эту обводку можно используя css-свойство outline для webkit-браузеров. Для FireFox используется свойство -moz-appearance, либо можно просто установить элементу бордер или фон.

5. Запрет изменения размера

Webkit-браузеры добавляют к textarea визуальный элемент в правом нижнем углу, который позволяет изменять размер текстовой области. Если вы хотите убрать эту возможность, то вам необходимо использовать следующее css-свойство:

6. Добавление возможности изменения размера

jQuery UI позволяет добавить возможность изменения размера для textarea. Это работает для всех браузеров, а для webkit-браузеров подменяет стандартное поведение. Для того, чтобы использовать эту возможность, необходимо подключить jquery.ui и написать следующий код:

7. Изменение размера под содержимое

James Padolsey написал удобный jQuery-скрипт который позволяет автоматически изменять размер textarea под его содержимое. Похоже что этого плагина больше нет, но можно использовать например вот этот. Плагин содержит много настроек, но самый простой способ его использовать это:

8. Nowrap

Чтобы не переносить слова на новые строки, для всех элементов используется css-свойство white-space, которое не работает с textarea. Для textarea необходимо использовать атрибут wrap.

9. Удаляем скролл-бары в IE

IE показывает вертикальный скролл-бар для всех textarea. Вы можете их спрятать используя overflow: hidden, но в таком случае он не будет показываться при увеличении контента. Поэтому правильнее использовать следующий подход:

В этом случае скролл-бар не будет отображаться когда в textarea помещается весь текст, но выведется в случае необходимости.

Примеры к статье вы можете посмотреть здесь.

Элемент textarea

Элемент textarea HTML — это поле для ввода текста, состоящего из нескольких строк, и его редактирования. Он используется для ввода и редактирования длинных фрагментов текста.

Содержимое этого элемента представляет его исходное значение. Оно отображается в текстовом поле после загрузки документа или после нажатия кнопки сброса в форме.

Примеры

В первом примере мы создадим форму с элементом управления textarea со всеми значениями по умолчанию. Также мы установим атрибут placeholder с подсказкой относительно того, контент какого типа должен вводиться в поле. Она будет отображаться, когда текстовая область пуста:

Во втором примере мы установим начальное значение в качестве содержимого HTML textarea . Оно будет использоваться для заполнения элемента управления сразу после загрузки документа, а также после сброса формы.

В отличие от поля для ввода однострочного текста элемент textarea использует начальное значение в качестве содержимого ( вместо атрибута value ):

Далее мы используем атрибуты cols и rows , чтобы задать количество символов, которые могут одновременно отображаться в элементе управления. Браузеры рассчитывают ширину и высоту элемента, умножая эти значения на ширину и высоту символа используемого шрифта.

Ширина HTML input textarea вычисляется относительно ширины символа используемого шрифта. Так как символы не всегда имеют одинаковую ширину, то браузеры могут использовать различные методы, чтобы округлить это значение:

В следующем примере мы используем два атрибута. Они устанавливают ограничения на длину текста, который может быть введен в текстовую область. Это minlength и maxlength , их названия говорят сами за себя.

Соответствие minlength проверяется только при отправке данных формы, а в maxlength браузеры проверяют, чтобы пользователь не ввел больше символов, чем указано через этот атрибут.

Атрибут maxlength элемента textarea HTML хорошо поддерживается браузерами, а minlength – нет:

Теперь мы используем атрибут required , который был введен в HTML5 . Когда этот атрибут указан, браузер не позволяют отправить данные формы, пока соответствующее поле не будет заполнено.

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

Атрибуты

Специальные атрибуты

autocomplete

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

  • on: браузер должен предлагать варианты автоматически. Это значение по умолчанию;
  • off: браузер не должен предлагать варианты автоматически.

autofocus

Логическое значение, указывающее браузеру установить фокус ввода на элементе управления после завершения загрузки документа или при открытии диалогового окна, в котором отображается элемент управления. Если атрибут имеет значение « autofocus «, пустую строку ( » « ), то элемент управления будет находиться в фокусе ввода сразу после загрузки страницы или диалогового окна.

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

Значение, указанное в этом атрибуте тега textarea в HTML должно быть целым числом больше нуля. Если значение отсутствует или имеет некорректный формат, атрибуту будет присвоено значение по умолчанию — 20 .

dirname

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

Так как этот атрибут textarea HTML является относительно новым, он не полностью поддерживается браузерами. Разработчики должны проверять поддержку браузерами при получении данных на стороне сервера.

disabled

Логическое значение, указывающее отключен ли данный элемент управления или нет. Если атрибут принимает значение « disabled » или пустую строку ( «» ), то элемент управления отключен.

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

Значение атрибута идентификатора формы, с которой HTML input textarea связан.

Этот атрибут является новым и был введен в HTML5 . Он помогает определить принадлежность элементов управления во вложенных или разделенных формах.

inputmode

Указывает, какой способ ввода является наиболее приемлемым для пользователей. Существует двенадцать возможных значений, не чувствительных к регистру:

  • verbatim : алфавитно-цифровой ввод на латинице текста, такого как имена пользователей, пароли, коды товаров и т.д.;
  • latin : ввод на латинице на предпочтительном для пользователя языке с подключением вспомогательных средств, таких как автоматическое заполнение. Предназначен для передачи данных от пользователей компьютеру. Например, через форму поиска;
  • latin-name : ввод на латинице на предпочтительном для пользователя языке, с подключением некоторых вспомогательных средств. Таких, как автоматическое заполнение предлагаемых имен из списка контактов и автоматическая установка регистра;
  • latin-prose : ввод для передачи данных от человека человеку с автоматическим заполнением предлагаемого текста и автоматической расстановкой заглавных букв в начале предложений;
  • full-width-latin : ввод на латинице на втором языке пользователя, с подключением вспомогательных средств для ввода символов в полном размере и передачи данных от человека человеку, таких как автоматическое заполнение предлагаемого текста и расстановка заглавных букв в начале предложений;
  • kana : ввод на кана или ромадзи, стандартный ввод на хирагана, использующий ввод символов в полном размере с поддержкой преобразования в кандзи. Предназначен для ввода текста на японском языке;
  • kana-name : то же самое, что и « kana «, но с подключением вспомогательных средств для ввода человеческих имен из списка контактов;
  • katakana : ввод на катакана с использованием символов и поддержкой преобразования в кандзи. Предназначен для ввода текста на японском языке;
  • numeric : ввод цифр, включая клавиши для цифр от 0 до 9 , с использованием указанного символа, разделяющего тысячи и символа для отрицательных чисел. Рекомендуется для элемента ввода цифр;
  • tel : ввод номеров телефонов, включая клавиши цифр от 0 до 9 , символа « # » и символа « * «. В некоторых локальных зонах это значение атрибута HTML textarea может включать буквенные мнемонические метки. Рекомендуется для элемента ввода номера телефона;
  • email : ввод текста в локали пользователя с использованием клавиш для ввода адреса электронной почты. Например, символов « @ » и « . «. Рекомендуется для элемента ввода адреса электронной почты;
  • url : ввод текста в локали пользователя с использованием клавиш для ввода адресов. Например, символов « / » и « . «, а также для быстрого ввода частей доменных имен, таких как « www .» или « .co.uk «. Рекомендуется для элемента управления ввода URL-адреса .

Браузеры могут использовать информацию, содержащуюся в этом атрибуте, чтобы предоставить средства, помогающие пользователю вводить данные. Например, виртуальные экранные клавиатуры могут предоставлять специальные клавиши для выбранного режима ввода.

maxlength

Целое число, указывающее максимальное количество символов, которое может содержать значение элемента управления.

Разработчики не должны полагаться на атрибут textarea HTML maxlength . Пользователи могут отправить данные формы через браузер, не поддерживающий эту функцию.

minlength

Целое число, указывающее минимальное количество символов, которое может содержать значение элемента управления.

Разработчики не должны полагаться на атрибут minlength . Пользователи могут отправить данные формы через браузер, не поддерживающий эту функцию.

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

Имя тега textarea в HTML . Оно будет отправлено браузером обработчику, связанному с содержимым элемента. Они вместе будут соответствовать паре имя-значение, которая используется для обработки данных формы.

placeholder

Текст подсказки, как должно быть заполнено поле ( пример или краткое описание ). Браузеры могут отображать содержимое атрибута в элементе управления, хотя он не имеет никакого значения. Когда пользователь начинает вводить собственный текст, подсказка должна удаляться из элемента управления.

readonly

Логическое значение, указывающее браузеру запретить пользователю изменять значение элемента управления. Если атрибут имеет значение « readonly » или пустую строку ( «» ), то пользователю запрещено изменять значение в элементе управления.

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

required

Логическое значение, указывающее на то, может ли данный элемент управления оставаться незаполненным. Если атрибут имеет значение « required » или пустую строку ( «» ), то пользователь должен заполнить элемент управления, чтобы отправить данные формы.

Если HTML input textarea с атрибутом required не заполнен, то при попытке пользователя отправить данные формы, браузер выдаст ошибку и отменит отправку данных.

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

Количество строк, отображаемых в элементе управления. Если текст внутри элемента управления содержит больше строк, чем задано атрибутом, браузер выведет вертикальную полосу прокрутки, чтобы пользователь смог получить доступ к скрытому содержимому.

Значение, указанное в этом атрибуте тега textarea в HTML , должно быть целым числом больше нуля. Если значение отсутствует или имеет неправильный формат, то для атрибута будет назначено значение по умолчанию — 2 .

Значение, указывающее браузеру, должен ли переноситься текст при отправке данных формы. Для атрибута доступно два значения, не чувствительных к регистру:

  • soft : текст не будет переноситься при отправке данных формы, но он может переноситься при отображении. Это значение по умолчанию;
  • hard : текст будет переноситься при отправке данных формы с помощью добавления новых строк. Таким образом длина текста не превысит ширину фрейма.

Это относительно новый атрибут textarea HTML , его поддержка является неполной. Разработчикам придется полагаться на скрипты, чтобы обеспечить этот функционал во всех браузерах.

Данная публикация представляет собой перевод статьи « textarea element » , подготовленной дружной командой проекта Интернет-технологии.ру

Илон Маск рекомендует:  Что такое код ischaralpha
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL