Создание на форме многострочного поля ввода
Если требуется, чтобы посетитель сайта мог вводить сразу несколько строк текста, вставьте между начальным и конечным дескрипторами формы (<form></form>) начальный и конечный дескрипторы текстовой области (<textarea></textarea>).
Например, для помещения на форму под полями ввода имени и фамилии мно-гострочного поля ввода, показанного на рис. 3.5, необходимо после дескрипторов <input> вставить начальный и конечный дескрипторы текстовой области (<textarea></textarea>):
<form name="ExampleForm"><p>Имя: <input type="text" name="FirstName" size="15"/>Фамилия:<input type="text" name="LastName" size="20"/></p><p>Сообщение:<textarea name="TextMessage" rows="5" cols="60"></textarea></p><p>[Кнопки RESET и SUBMIT формы]</р></form>
Рис. 3.5. Форма с многострочным полем ввода
Как и в предыдущем примере, надпись возле поля ввода(текст "Сообщение:") не является частью дескриптора текстовой области <textarea>. Многострочное поле ввода текста имеет следующие атрибуты:
- rows. Количество строк, которое браузер должен выводить на экране при визуализации многострочного поля ввода текста.
- cols. Количество символов, которое браузер должен выводить на экране в каждой строке при визуализации многострочного поля ввода текста.
- id. Служит для присвоения полю ввода имени. Значение атрибута id можно использовать для работы с содержимым поля ввода в сценарии, внедренном на Web-страницу.
- name. Используется для идентификации поля ввода. Значение атрибута name может применяться для ссылки на значение поля ввода в сценарии, запущенном в среде Web-браузера. Значение атрибута name совместно со значением поля ввода передается Web-серверу при нажатии посетителем кнопки Submit.
Дескриптор <textarea> в приведенном примере указывает Web-браузеру поместить на форму "ExampleForm" многострочное поле ввода текста с именем "TextMessage". Более того, браузер должен выводить на экран поле размером 5 строк в высоту и 60 символов в ширину.
При вводе текста в многострочное поле ввода посетитель может ввести любое количество символов. Тем не менее, в любой момент времени Web-браузер будет вы-водить на экран только то количество символов, которое получается путем умножения значения атрибута rows дескриптора <textarea> на значение атрибута cols. Таким образом, в приведенном примере Web-браузер будет выводить на экран в многострочном поле ввода не более 300 символов (5 строк х 60 символов в строке).
Значение атрибута rows дескриптора <textarea> определяет высоту поля, а значение атрибута cols — его ширину. Тем не менее, сочетание значений атрибутов rows и cols влияет только на отображаемые на экране размеры поля (а, следовательно, и на количество одновременно отображаемых на экране символов текста). Произведение rows x cols не ограничивает общее число символов, которые посетитель может ввести в поле ввода.
В отличие от элементов, которые используют дескриптор <input> со значением атрибута type, установленным для визуализации требуемого элемента, начальный и конечный дескрипторы текстовой области (<textarea></textarea>) применяются только для визуализации многострочного поля ввода текста. Несмотря на то что вы имеете возможность контролировать размеры текстовой области с помощью атрибутов дескриптора <textarea>, последний не имеет атрибута value, значение которого может использоваться в качестве начального значения текстовой области, т.е. значения по умолчанию. Если необходимо, чтобы Web-браузер визуализировал многострочное поле ввода текста с текстом по умолчанию, введите требуемый текст между начальным и конечным дескрипторами текстовой области (<textarea></textarea>). Например, если нужно, чтобы введенный посетителем текст начинался со слов "Вниманию отдела по работе с клиентами:", описание текстовой области на HTML-странице должно выглядеть следующим образом:
<р>Сообщение:<textarea name="TextMessage" rows="5" cols="60">Вниманию отдела по работе с клиентами:</textarea></p>