www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Формы > контентовое поле

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

контентовая версия  

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

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

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

<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=windows-1251">
<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=windows-1251">
<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=windows-1251">
<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
Поиск по сайту
Формы
Разделы
Теги по теме

FORM
Тег FORM устанавливает форму на web-странице. Форма предназначена для обмена данными между пользователем и сервером.

INPUT
Тег INPUT является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем.

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

Copyright 2009 Все права защищены

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