Текстовое поле - Форум
( Новые сообщения ·Правила форума ·Поиск ·RSS )
Страница 1 из 11
Модератор форума: Ezhik 
Форум » Статьи о HTML » Формы » Текстовое поле
Текстовое поле
EvgenyДата: Четверг, 18.02.2010, 13:15 | Сообщение # 1
Контр-Адмирал
Группа: Администраторы
Сообщений: 287
Статус:
Текстовое поле предназначено для ввода символов с помощью клавиатуры.
Различают три элемента формы, которые используются для этой цели — однострочное текстовое поле, поле для ввода пароля и многострочное текстовое поле.

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

Создает элемент для ввода пользователем строки текста.
Code
<input type="text" параметры>

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

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

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

[small]Пример 1. Текстовое поле:[/small]
Code
<!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>

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

Как ваше имя?


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

Поле для пароля — обычное текстовое поле, но отличается тем, что все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль.
Code
<input type="password" параметры>

Возможные параметры совпадают с предыдущим элементом и приведены в табл. 1. В примере 2 показано создание текстового поля для ввода пароля.
[small]Пример 2. Поле для пароля:[/small]
Code
<!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> предназначено для создания области, в которой можно вводить несколько строк текста.
Code
<textarea параметры> текст < /textarea>

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

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

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

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

[small]Пример 3. Многострочный текст:[/small]
Code
<!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>

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

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

 
Форум » Статьи о HTML » Формы » Текстовое поле
Страница 1 из 11
Поиск:

Статистика Форума
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
Evgeny Репутация [ 122 ]
akkemir22 Репутация [ 113 ]
Kuks64 Репутация [ 49 ]
Gavrik Репутация [ 48 ]
Anatoliy03 Репутация [ 37 ]
MiRel Репутация [ 33 ]
hius Репутация [ 23 ]
mVizio Репутация [ 19 ]
ewa69 Репутация [ 16 ]
straik67 Репутация [ 14 ]
Прочие [ 10 ]
О програмистах и Веб-Мастерах [ 6 ]
Про детей [ 6 ]
Про автомобилистов [ 5 ]
Про женщин [ 3 ]
Блондинка сдает на права ! (МЕГА ЖЕСТЬ) [ 2 ]
Про новых русских [ 2 ]
ВАЗ-2107 1000 лошадей [ 2 ]
Новый вид ББ-кодов на вашем сайте [ 2 ]
Про компьютеры [ 1 ]
Игры на телефон бесплатно [ 0 ]
Лучшее онлайн казино. Как обыграть казино? [ 0 ]
Инвест-Проект. Прибыль каждые 5 мин. [ 1 ]
Финансовая Взаимопомощь. Каждые 24ч получаете % [ 0 ]
Играть и зарабатывать онлайн [ 0 ]
Новый Топ пользователей с аватарами для Ucoz [ 0 ]
Простой и красивый вид формы опроса [ 0 ]
Красивый информер "кто нас сегодня посетил" для Ucoz [ 0 ]
Flash радио для сайта [ 0 ]
Заработок на играх [ 0 ]