Тег TEXTAREA

  Парный блочный тег TEXTAREA предназначен для размещения на Web-странице элемента интерфейса - поля для ввода пользователем многострочного, (в отличие от элемента тега INPUT TYPE="text"), символьного контента с клавиатуры.
  Внутренний контент элемента тега TEXTAREA первоначально отображается в его поле на Web-странице, но может быть изменен пользователем.

  Элементы его "дочерних" тегов будут распознаны браузером как часть его внутреннего текстового контента, соответствующая их HTML-коду, поэтому можно считать, что у тега TEXTAREA не может быть "дочерних" тегов.

  Если информация пользователя, полученная с помощью элемента тега TEXTAREA, должна быть обработана браузером с привязкой к данным, формализуемым другими элементами интерфейса в составе формы, то элемент тега TEXTAREA необходимо логически связать с соответствующим элементом тега FORM.
  Такая связь устанавливается либо размещением элемента тега TEXTAREA в элементе тега FORM, либо с помощью соответствующих атрибутов этих тегов. И, в этом случае, элемент интерфейса, созданный тегом TEXTAREAэлементом формы данных.
  Отправленное в составе формы значение, созданное элементом тега TEXTAREA, сохраняет свою многострочность.

  В принципе, скриптам бывает удобно использовать элементы тега TEXTAREA и без элемента тега FORM.
  Атрибуты:
  ACCESSKEY - Устанавливает возможность получить фокус ввода для элемента не только мышкой, но и с помощью некоторой комбинации клавиш клавиатуры.
  Получение фокуса ввода устанавливает элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы.
  Например появится связанная подсказка, и пользователь сможет сразу вводить текст в поле элемента.
  • Значение:

    • Латинская буква или цифра.
        К примеру комбинации клавиш для активации элемента буквой "C":
      • Internet Explorer - Alt + C
      • Chrome - Alt + C
      • Opera - Shift + Esc + C
      • Safari - Alt + C
      • Firefox - Shift + Alt + C

  • Значение по умолчанию - Нет.
  • Атрибут необязательный.
  AUTOFOCUS - Устанавливает фокус ввода элементу сразу после загрузки документа.
  Получение фокуса ввода устанавливает элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы.
  Например появится связанная подсказка, и пользователь сможет сразу вводить текст в поле элемента.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  COLS - Устанавливает ширину поля для ввода контента.
  Значение атрибута COLS может быть перекрыто атрибутом стиля width.
  Если установленной ширины не будет хватать для заполнения поля, то в нем появится полоса горизонтального скроллинга.
  • Значение:

    • Целое положительное число - количество символов моноширинного шрифта.

  • Значение по умолчанию - 20.
  • Атрибут необязательный.
  DISABLED - Устанавливает блокировку поля этого элемента.
  На Web-странице поле отображается серым. Однако скрипт может его активировать и(или) изменить его контент.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  FORM - Связывает этот элемент интерфейса с формой по её идентификатору когда элемент тега TEXTAREA располагается за пределами элемента тега FORM.

  • Значение:

    • Допустимый символьный код, назначенный идентификатором формы
        Значение должно совпадать со значением атрибута ID соответствующего элемента тега FORM.

  • Значение по умолчанию - Нет.
  • Атрибут необязательный.
  MAXLENGTH - Устанавливает максимальное количество символов разрешенных ко вводу в поле элемента.

  • Значение:

    • Целое положительное число - количество символов.

  • Значение по умолчанию - Практически не ограниченное количество.
  • Атрибут необязательный.
  NAME - Устанавливает имя этого элемента интерфейса.
  Используется для идентификации значения введенного пользователем в это поле.
  PLACEHOLDER - Устанавливает фоновый текст для поля этого элемента.
  Этот текст может, например, использоваться для подсказки.
  Этот текст не мешает пользователю заполнять поле элемента и никак не влияет на его значение.
  READONLY - Устанавливает, что контент в поле элемента не может никак изменяться пользователем.
  Скрипт может отменить этот запрет и(или) изменить контент поля.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  REQUIRED - Устанавливает обязательное для заполнения поле формы, формализованное этим элементом.
  Пользователь обязан ввести контент запрошенный этим элементом интерфейса, в противном случае форма отправлена не будет, а браузер выведет напоминание.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  ROWS - Устанавливает высоту поля элемента в строках текста.
  Значение атрибута ROWS может быть перекрыто атрибутом стиля height.
  Если установленной высоты не будет хватать для заполнения поля, то в нем появится полоса вертикального скроллинга.
  • Значение:

    • Целое положительное число - количество строк.

  • Значение по умолчанию - 2.
  • Атрибут необязательный.
  SPELLCHECK - Устанавливает орфографическую проверку текстового контента.
  Возможность такой проверки может быть отключена в браузере или им не поддерживаться.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  TABINDEX - Устанавливает номер этого элемента в общей последовательности элементов гиперссылок (теги A и AREA), элементов интерфейса и элементов сгенерированных объектов в пределах HTML-документа.
  Это означает что, элемент может получить фокус ввода не только мышкой, но и с помощью клавиши Tab клавиатуры.
  Получение фокуса ввода устанавливает элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы.
  Например появится связанная подсказка, и пользователь сможет сразу вводить текст в поле элемента.
  • Значение:

    • Целое число от – 32 767 до 32 767 - номер в порядке обхода элементов в документе.
        Если указан положительный номер, то он будет определять порядок обхода. То есть сначала фокус ввода (возможность активации клавишей Enter) получит элемент с номером 1, потом с номером 2 и т. д.
        Если указан номер, равный нулю, то обход будет осуществляться в порядке, в котором элемент определен в HTML-коде HTML-документа.
        Если указан отрицательный номер, то этот элемент вообще исключается из порядка обхода. Добраться до него можно будет только мышкой.

  • Значение по умолчанию - 0.
  • Атрибут необязательный.
  VALUE - Устанавливает значение этого элемента по умолчанию.
  Это значение отобразится в поле элемента, но может быть заменено пользователем. Изменённое или нет, это значение может быть отправлено на сервер или скрипту в составе формы.
  В отсылаемом коде, для каждого выбранного пользователем элемента формы, браузером формируется пара:

    Значение атрибута NAME = Значение атрибута VALUE.
  WRAP - Устанавливает правила сохранности переноса строк в значении элемента.

  • Значения:

    • soft - Контент, который не помещается в поле по ширине, будет автоматически перенесен на новую строку, однако передаваться, в составе формы, будет как одна строка. Перенос строки, который сохранится при отправке формы, производится клавишей Enter.
    • hard - Компоненты контента без внутренних пробелов переносятся так, чтобы они, по возможности, поместились в строку. Такой перенос сохраняется при передаче контента в составе формы. Это значение атрибута имеет смысл только при наличии атрибута COLS.
    • off - Отключает все переносы строк. Ввод пользователем контента, не вмещающегося в видимую ширину поля, будет сопровождаться горизонтальным скроллингом.

  • Значение по умолчанию - off.
  • Атрибут необязательный.


Пример ■■■■■■■■■■►