| Главная » Статьи » HTML » Формы |
Текстовое поле предназначено для ввода символов с помощью клавиатуры. Различают три элемента формы, которые используются для этой цели — однострочное текстовое поле, поле для ввода пароля и многострочное текстовое поле. Текстовое полеСоздает элемент для ввода пользователем строки текста. <input type="text"
параметры>
Параметры поля перечислены в табл. 1.
В примере 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> В результате получим следующее. Как ваше имя? Поле для пароляПоле для пароля — обычное текстовое поле, но отличается тем, что все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль. <input type="password"
параметры>
Возможные параметры совпадают с предыдущим элементом и приведены в табл. 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> и </textarea> можно поместить любой текст, который будет отображаться при загрузке поля. Параметры поля перечислены в табл. 2.
Использование различных параметров продемонстрировано в примере 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> В результате получим следующее. Введите ваш отзыв:
| |||||||||||||||||||||
| Просмотров: 4056 | Комментарии: 2 | | |||||||||||||||||||||
| Всего комментариев: 2 | |||
| |||
