На этом шаге мы расмотрим создание области ввода многострочного текста.
С помощью тэга <INPUT> можно создавать только однострочные поля для ввода и редактирования текста. Если нужно создать поле, состоящее из нескольких строк, то для этой цели используют тэг <TEXTAREA> со следующими параметрами:
- COLS - определяет число столбцов видимого текста;
- ROWS - задает число строк видимого текста;
- WRAP - задает правило переноса целых слов текста, задаваемых пользователем. Перечислим возможные
значения этого параметра:
- soft - функция переноса слов включена, но на сервер данные будут пересылаться без изменений. Таким образом, изменения текста будут происходить только на экране дисплея, но не в буфере браузера;
- hard - форматирование данных происходит как на экране, так и в буфере браузера;
- off - отключение автоматического переноса слов;
- READONLY - предотвращает возможность изменения содержимого области ввода. Это удобно, например, тогда, когда пользователю предоставляется информация, предназначенная только для анализа и сопоставления;
- DISABLED - запрещение использования этого элемента. В этом случае на экране элемент будет отображаться серым цветом. Для того, чтобы элемент стал доступным, например, при наступлении какого-либо события, нужно написать подпрограмму на языке JavaScript (или VBScript), при выполнении которой отменялась бы установка указанного атрибута.
Замечания.
- Параметр DISABLED можно использовать при создании любого управляющего элемента.
- Пользователи не могут сами изменять размеры управляющих элементов, поэтому разработчик формы должен сам подбирать приемлемые размеры этих элементов.
- Последние три параметра поддерживаются не всеми браузерами и не являются обязательными!
Любой текст, расположенный между тэгами <TEXTAREA> и </TEXTAREA>, будет находиться внутри области ввода многострочного текста. Этот текст пользователи могут отредактировать или полностью заменить собственным (конечно, если не заданы параметры READONLY и DISABLED).
Для пересылки на сервер каждая введенная строка дополняется символами %0D%0A (коды символов "перевод строки" и "возврат каретки", дополненные символом "процент"; это происходит тогда, когда WRAP=hard), полученные строки объединяются в одну строку, которая отправляется на сервер под именем, задаваемым параметром NAME.
Приведем несколько примеров использования тэга <TEXTAREA>:
- <TEXTAREA NAME=comments ROWS=10 COLS=25 WRAP=soft>Здесь Вы можете оставить свои комментарии.</TEXTAREA> - задана область многострочного ввода с именем comments, состоящая из 10 строк, в каждой из которой по 25 символов; перенос слов осуществляется только на экране;
- <TEXTAREA NAME=Memo ROWS=3 COLS=10 WRAP=off READONLY>Напоминаем, что наш рабочий телефон изменился! Новый номер - (8352-2)46-56-61.</TEXTAREA> - задана область многострочного ввода с именем Memo, состоящая из 3 строк по 10 символов в каждой; функция автоматического переноса слов отключена, а сам текст изменить пользователь не может.
На следующем шаге мы рассмотрим создание меню.
