контентовое поле
контентовое поле предназначено для ввода символов с помощью клавиатуры. Различают три элемента формы, которые используются для этой цели — однострочное контентовое поле, поле для ввода пароля и многострочное контентовое поле.
контентовое поле
Создает элемент для ввода пользователем строки контента.
Параметры поля перечислены в табл. 1.
Параметр | Описание |
---|---|
size | Ширина поля. |
maxlength | Максимальное количество символов разрешенных в контенте. Если этот параметр опустить, то можно вводить строку длинее самого поля. |
name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. |
value | Начальный контент содержащий в поле. |
В примере 1 показано создание контентового поля с разными параметрами
Пример 1. контентовое поле
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>контентовое поле</title>
</head>
<body>
<form action="/cgi-bin/handler.cgi">
<p><b>Как ваше имя?</b></p>
<p><input type="text" maxlength="25" size="20"></p>
</form>
</body>
</html>
В результате получим следующее.
Как ваше имя?
Поле для пароля
Поле для пароля — обычное контентовое поле, но отличается тем, что все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль.
Возможные параметры совпадают с предыдущим элементом и приведены в табл. 1. В примере 2 показано создание контентового поля для ввода пароля.
Пример 2. Поле для пароля
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Поле для пароля</title>
</head>
<body>
<form action="/cgi-bin/handler.cgi">
<p><b>Логин:</b> <input type="text" maxlength="25" size="20" name="text"></p>
<p><b>Пароль:</b> <input type="password" maxlength="15" size="20" name="pass"></p>
</form>
</body>
</html>
Результат данного примера показан ниже.
Логин:
Пароль:
Хотя вводимый контент и не показывается, на сервер данные этого поля передаются в открытом виде без шифрования. Поэтому использование этого поля не обеспечивает безопасности данных и их можно перехватить.
Многострочный контент
Поле <TEXTAREA> предназначено для разработки области, в которой можно вводить несколько строк контента.
контент
</textarea>
Между тегами <textarea> и </textarea> можно поместить любой контент, который будет отображаться при загрузке поля.
Параметры поля перечислены в табл. 2.
Параметр | Описание |
---|---|
name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. |
cols | Количество столбцов контента. |
rows | Число строк контента. |
wrap | Параметры переноса строк. Возможные значения: off — отключает перенос строк; virtuals — показывает переносы строк, но отправляет контент как он введен; physical — переносы строк вставляются где указано и в таком виде контент отправляется. |
Использование различных параметров продемонстрировано в примере 3.
Пример 3. Многострочный контент
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Многострочный контент</title>
</head>
<body>
<form action="/cgi-bin/handler.cgi">
<p><b>Введите ваш отзыв:</b></p>
<p><textarea rows="10" cols="45"></textarea></p>
</form>
</body>
</html>
В результате получим следующее.
Введите ваш отзыв:
Статья опубликована: 12.09.2009 | Последнее обновление: 30.03.2009 |