Текстовое поле
Текстовое поле предназначено для ввода символов с помощью клавиатуры. Различают три элемента формы, которые используются для этой цели — однострочное текстовое поле, поле для ввода пароля и многострочное текстовое поле.
Текстовое поле
Создает элемент для ввода пользователем строки текста.
Параметры поля перечислены в табл. 1.
| Параметр | Описание |
|---|---|
| size | Ширина поля. |
| maxlength | Максимальное количество символов разрешенных в тексте. Если этот параметр опустить, то можно вводить строку длинее самого поля. |
| name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. |
| value | Начальный текст содержащий в поле. |
В примере 1 показано создание текстового поля с разными параметрами
Пример 1. Текстовое поле
<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>
В результате получим следующее.
Как ваше имя?
Поле для пароля
Поле для пароля — обычное текстовое поле, но отличается тем, что все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль.
Возможные параметры совпадают с предыдущим элементом и приведены в табл. 1. В примере 2 показано создание текстового поля для ввода пароля.
Пример 2. Поле для пароля
<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> можно поместить любой текст, который будет отображаться при загрузке поля.
Параметры поля перечислены в табл. 2.
| Параметр | Описание |
|---|---|
| name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. |
| cols | Количество столбцов текста. |
| rows | Число строк текста. |
| wrap | Параметры переноса строк. Возможные значения: off — отключает перенос строк; virtuals — показывает переносы строк, но отправляет текст как он введен; physical — переносы строк вставляются где указано и в таком виде текст отправляется. |
Использование различных параметров продемонстрировано в примере 3.
Пример 3. Многострочный текст
<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.2005 | Последнее обновление: 30.03.2008 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Ariadna
17.10.2006
Влад Мержевич
19.10.2006
Tol
27.11.2006
Влад Мержевич
27.11.2006
stepbystep.htmlbook.ru/?id=25
Absolute beginner
30.03.2007
Ретроман
31.03.2007
Влад Мержевич
03.04.2007
width: 100%; /* Для "нормальных" браузеров */
_width: 50%; /* Для IE */
}
Антон
19.04.2007
Влад Мержевич
20.04.2007
Александр
04.05.2007
Влад Мержевич
08.05.2007
Андрей
22.06.2007
например для ввода даты **.**.**** разделителем точкой разделить вводимые данные.
Влад Мержевич
22.06.2007
Виталий
06.07.2007
Александр
21.07.2007
Влад Мержевич
24.07.2007
<input type="text" value="Пример" onclick="this.value=''">
Т?ма
28.03.2008