Текстовое поле


Текстовое поле предназначено для ввода символов с помощью клавиатуры. Различают три элемента формы, которые используются для этой цели — однострочное текстовое поле, поле для ввода пароля и многострочное текстовое поле.

Текстовое поле

Создает элемент для ввода пользователем строки текста.

<input type=text параметры>

Параметры поля перечислены в таблице.

Параметр Описание
size=... Ширина поля.
maxlength=... Максимальное количество символов разрешенных в тексте. Если этот параметр опустить, то можно вводить строку длинее самого поля.
name=... Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле.
value=... Начальный текст содержащий в поле.
align=... Выравнивание поля. Возможные значения: top, middle, bottom, right, left, texttop, baseline, absmiddle, absbottom. Результат их использования точно такой же, как и у изображений.

Пример 1. Текстовое поле
lt;html>
<head>
<body>

<form action="/cgi-bin/handler.cgi">
<b>Как ваше имя?</b><br>
<input type=text maxlength=25 size=20>
</form>

</body>
</html>

В результате получим следующее.

Как ваше имя?

Поле для пароля

Поле для пароля — обычное текстовое поле, но отличается тем, что все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль.

<input type=password параметры>

Параметры совпадают с предыдущим элементом.

Пример 2. Поле для пароля
<form action="/cgi-bin/handler.cgi">
<b>Логин:</b> <input type=text maxlength=25 size=20 name="text"><br>
<b>Пароль:</b> <input type=password maxlength=15 size=20 name="pass">
</form>

Логин:
Пароль:

Хотя вводимый текст и не показывается, на сервер данные этого поля передаются в открытом виде без шифрования. Поэтому использование этого поля не обеспечивает безопасности данных и их можно перехватить.

Многострочный текст

Поле textarea предназначено для создания области, в которой можно вводить несколько строк текста.

<textarea параметры>
текст
</textarea>

Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться при загрузке поля.

Параметры поля перечислены в таблице.

Параметр Описание
name=...

Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле.
cols=... Количество столбцов текста.
rows=... Число строк текста.
value=... Значение поля определяет, что будет отправлено на сервер.
wrap=... Параметры переноса строк. Возможные значения:
off — отключает перенос строк;
virtuals — показывает переносы строк, но отправляет текст как он введен;
physical — переносы строк вставляются где указано и в таком виде текст отправляется.

Пример 3. Многострочный текст
<html>
<head>
<body>

<form action="/cgi-bin/handler.cgi">
<b>Введите ваш отзыв:</b><br>
<textarea rows=10 cols=45></textarea>
</form>

</body>
</html>

В результате получим следующее.

Введите ваш отзыв:


Предыдущая статья     Следующая статья     Список статей