контентовое поле

www-html.ru

Обычная версия

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

контентовое поле

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

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

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

Табл. 1. Параметры контентового поля
Параметр Описание
size Ширина поля.
maxlength Максимальное количество символов разрешенных в контенте. Если этот параметр опустить, то можно вводить строку длинее самого поля.
name Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле.
value Начальный контент содержащий в поле.

В примере 1 показано создание контентового поля с разными параметрами

Пример 1. контентовое поле

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<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>

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

Как ваше имя?

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

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

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

Возможные параметры совпадают с предыдущим элементом и приведены в табл. 1. В примере 2 показано создание контентового поля для ввода пароля.

Пример 2. Поле для пароля

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<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> и </textarea> можно поместить любой контент, который будет отображаться при загрузке поля.

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

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

Использование различных параметров продемонстрировано в примере 3.

Пример 3. Многострочный контент

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<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>

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

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



Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект