Текстове поле
Текстове поле призначене для введення символів за допомогою клавіатури. Розрізняють три елементи форми, які використовуються для цієї мети - однорядкове текстове поле, поле для введення пароля і многострочное текстове поле.
Текстове поле
Створює елемент для введення користувачем рядка тексту.
Параметри поля перераховані в табл. 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>
В результаті отримаємо наступне.
Введіть ваш відгук:
Copyright що кредитують © www.htmlbook.ru
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.