INPUT (text)
Тип text контейнера INPUT определяет текстовое поле ввода, в котором пользователь (читатель) Web-страницы (узла) может ввести свою информацию. В DTD HTML 4.0 на поле INPUT ограничения по длине текстового поля не определены. Однако такие ограничения существуют. Они меняются от браузера к браузеру. Наиболее разумное ограничение — 256 символов.
Поле типа text имеет в общем случае следующий вид:
<INPUT NAME="Имя" TYPE=text SIZE=number MAXLENGTH=number>
Атрибут NAME используется для именования поля как элемента формы. Имя поля попадает в запрос (левая часть пары "имя_поля-значение"), а также применяется в JavaScript для чтения и изменения значений текстовых полей формы.
Атрибут SIZE задает размер видимой на экране части текстового поля. Ниже приведен простой пример:
<FORM> <INPUT SIZE=10> <INPUT SIZE=20> </FORM>
Когда вводишь данные в этих двух полях, выясняется, что число символов, которое можно ввести, для обоих полей одинаковое, а вот число отображаемых символов ограничивается рамками текстового поля.
Атрибут MAXLENGTH задает максимальный размер поля. Он полезен в тех случаях, когда требуется ограничить вводимые данные по длине. Дополним поля из предыдущего примера этим атрибутом:
<FORM> <INPUT SIZE=10 MAXLENGTH=15> <INPUT SIZE=20 MAXLENGTH=15> </FORM>
Максимальная длина поля равна в 15 символам. В первом случае строчка будет "прокручиваться" в горизонтальном направлении справа налево при превышении размера видимой области, равной 10 символам. Во втором случае ввод остановится во второй трети поля. В текстовых полях ввода используются шрифты фиксированной ширины.
При разработке различных форм часто требуется выравнивание. Например, при реализации формы-анкеты нужно выравнивать графы. В этом случае формы с текстовыми полями помещаются в таблицу:
<FORM> <TABLE> <TR> <TD>Имя: </TD> <TD><INPUT SIZE=5 MAXLENGTH=15></TD> </TR> <TR> <TD>Фамилия: </TD> <TD><INPUT SIZE=10 MAXLENGTH=15></TD> </TR> </TABLE> </FORM>
В данном примере хорошо видно выравнивание полей по столбцам.