Cправочник web-дизайнера / prog3_1
.htmMy home page Поля ввода текста Часто возникает необходимость передать в составе данных строку символов, введенных пользователем. Эта строка может содержать:
- адрес электронной почты;
- номер телефона или факса;
- почтовый адрес;
- комментарий или другую иную информацию.
Для ввода текста в форме применяется в дескрипторе INPUT атрибут TYPE со значением "text".
Пример такой записи:
<INPUT TYPE="text" NAME="name_1" VALUE="value" SIZE=40 MAXLENGTH=100>
Как и другие элементы, задаваемые с помощью дескриптора INPUT, атрибут NAME задает имя символьной метки для вводимого текста.
Значение атрибута VALUE задает текст, который присутствует в поле ввода по умолчанию при первом появлении формы на экране. Если атрибут VALUE не задан, то появляется первоначально пустое поле.
Атрибут SIZE позволяет установить размер окна, отображаемого на экране. Например,SIZE= 40 приводит к появлению окна шириной в 40 позиций. При вводе строки, длина которой превышает 40 символв, будет происходить прокрутка текста (scrolling). Таким образом возможен ввод строк, длина которых больше, чем установленный размер окна. Многие броузеры поддерживают в SIZE два значения - ширину и высоту окна вводимого текста. Например, SIZE="40,10" задает текстовое окно шириной в 40 символов и высотой в 10 строк. Так как в HTML для создания окон из нескольких строк существует отдельная команда, то для использования для этих целей элемента типа "text" не рекомендуется.
При отсутствии атрибута SIZE автоматически устанавливается текстовое окно шириной в 20 символов.
Атрибут MAXLENGTH задает максимальное количество символов, которое может ввести пользователь при заполнении формы. Если этот параметр отсутсвует, то можно ввести строку символов неограниченной длины.
Пример
Введите ваше имя:
<INPUT TYPE="text" NAME="n1" MAXLENGTH=20> <P>
Введите вашy фамилию:
<INPUT TYPE="text" NAME="n2" MAXLENGTH=20> <P>
Введите ваш адрес:
<BR> <INPUT TYPE="text" NAME="adress" SIZE=60> <P>
Введите ваш адрес электронной почты:
<INPUT TYPE="text" NAME="e-mail" > <P>
Комментарии:
<BR> <INPUT TYPE="text" NAME="comment"
VALUE= "Укажите информацию" SIZE=60> <P>
<input type="submit"> <input type="reset">
Пример 1
Приведенный пример содержит 5 полей ввода текста. В первых двух длина ограничена 20 символами. Третье поле - 60 символов, но допустимая длина строк не ограничена, так как отсутствует атрибут MAXLENGTH. Четвертое поле - длина на экране 20 символов, но текст может быть любой длины. Последнее текстовое поле - для ввода пользователем каких либо примечаний. Здесь также поле из 60 символов любой длины. При появлении формы на экране в этом поле присутствует строка "Укажите информацию", которая задана в качестве значения по умолчанию атрибутом VALUE. Пользователь может удалить эту строку и ввести другую.