logo search
123

Элементы форм

Все элементы форм создаются тэгами, имеющими начало: <input type="...", где значения атрибута type и определяют тип элемента. Рассмотрим возможные значения этого атрибута.

Текстовое поле (text field): (Мы только что видели их в нашем примере) Текстовое поле определяет код:

<input type="Text" name="имя поля" value="начальный текст" align="LEFT" size="число символов" maxlength="максимальное число символов">

Здесь

name - имя поля (впоследствии мы узнаем, как к элементам форм можно обращаться просто по имени);

value - то, что будет записано в текстовое поле "по умолчанию", как только документ появится в окне браузера;

align - этот атрибут "отвечает" за расположение текстового поля; он не является специфическим для элементов форм и (как и в других тэгах) может принимать значения: left, right, center;

size - длина поля в символах;

maxlength - максимальное число символов, которое можно ввести в поле. Если этот атрибут не указывать, ограничений на ввод не будет.

Например: код: &ltinput name="fio" value="Горбунков Семен Семенович" align="LEFT" size="28" maxlength="35"> результат:

Значением текстового поля должен быть только текст. Если, к примеру, поместить в него html-код, он будет отображаться как текст (а не так, как он выглядел бы в окне браузера). Но вот пример размещения в текстовом поле бегущей строки, выполненный Сергеем Бурылиным. Как ему это удалось - попробуйте разобраться сами.

Текстовая область (text area): Текстовые области удобно использовать для ввода большого количества текстовой информации Код текстовой области выглядит следующим образом:

<textarea name="имя" cols="число столбцов" rows="число строк" wrap="способ переноса строк"> ТЕКСТ, РАЗМЕЩЕННЫЙ В ТЕКСТОВОЙ ОБЛАСТИ </textarea>

Здесь атрибут "wrap" указывает на способ разрыва строки: если присвоить ему значение off, вводимый текст будет "уходить" за пределы области, в противном случае (on, soft или даже просто wrap без присвоения) текст автоматически переносится на новую строку.