Пильний form html. Форми HTML. Приклад створення красивої HTML форми

Форма в HTML це частина документа, яка дозволяє користувачеві ввести цікаву для нас інформацію, яку згодом можна прийняти і обробити на стороні сервера. Іншими словами, форми використовуються для збору інформації, введеної користувачами.

Щоб визначити, до якого елемента форми належить поточна мітка, необхідно використовувати атрибут for тега

Розглянемо приклад використання:

</span>Приклад використання тега <label><span>
>

У цьому прикладі ми:

  • Усередині першоюформи:
    • Розмістили двірадіокнопки ( ) для вибору однієї з обмеженого числа варіантів. Ще раз зверніть увагу, що для радіокнопок усередині однієї форми необхідно вказувати однакове ім'я, Значення ми вказали різні. Для першою checked , який вказує, що елемент має бути попередньо обраний під час завантаження сторінки (у разі радіокнопка зі значенням yes ). Крім того, ми вказали на радіокнопки глобальні атрибути , які визначають унікальний ідентифікатор для елемента.
    • Розмістили два елементи
  • Усередині другийформи:
    • Розмістили двірадіокнопки ( ) для вибору одного з обмеженого числа варіантів. Для другийрадіокнопки ми вказали атрибут checked , який вказує, що елемент має бути попередньо обраний під час завантаження сторінки (у разі радіокнопка зі значенням no ). Крім того, ми вказали для радіокнопок унікальні значення у межах форми та однакові імена.
    • Розмістили два елементи

У браузері обидва варіанти (методу) використання текстових міток виглядають ідентично:

Підказка для полів уведення

Давайте розглянь приклад використання:

Приклад використання атрибуту placeholder <span>
Login: type = "text" name = "login" placeholder = "Введіть ваш логін">

Password: type = "password" name = "password" placeholder = "Введіть пароль">

У цьому прикладі ми вказали для елемента з типом text (однорядкове текстове поле) та типом password (поле з паролем) текстову підказку для користувача (атрибут placeholder), яка описує очікуване значення для введення.

Результат нашого прикладу:

Запитання та завдання на тему

Перед тим як перейти до вивчення наступної теми, пройдіть практичне завдання:

  • Використовуючи отримані знання, складіть наступну форму оформлення замовлення:

Нюанс: у полях, де передбачається вибір, має бути можливість здійснення вибору кліком за текстом, а не лише за елементом.

Після того, як ви виконаєте вправу, проінспектуйте код сторінки, відкривши приклад в окремому вікні, щоб переконатися, що ви все виконали правильно.

Опис

Тег

встановлює форму на веб-сторінці. Форма призначена для обміну даними між користувачем та сервером. Область застосування форм не обмежена відправкою даних на сервер, за допомогою клієнтських скриптів можна отримати доступ до будь-якого елементу форми, змінювати його та застосовувати на власний розсуд.

Документ може містити будь-яку кількість форм, але одночасно на сервер може бути надіслана лише одна форма. З цієї причини ці форми повинні бути незалежними один від одного.

Для надсилання форми на сервер використовується кнопка Submit, того ж можна досягти, якщо натиснути клавішу Enter в межах форми. Якщо кнопка Submit відсутня у формі, Enter імітує її використання.

Коли форма відправляється на сервер, керування даними передається програмі, заданій атрибутом action тега . Попередньо браузер готує інформацію у вигляді пари "ім'я=значення", де ім'я визначається атрибутом name тега , а значення введено користувачем або встановлено у полі форми за промовчанням. Якщо для надсилання даних використовується метод GET , то адресний рядок може набувати наступного вигляду.

http://www..cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5

Параметри перераховуються після знака запитання, вказаного після адреси CGI-програми і розділяються між собою символом амперсанда (&). Нелатинські символи перетворюються на шістнадцяткове уявлення (у формі %HH, де HH — шістнадцятковий код для значення ASCII-символу), пропуск замінюється на плюс (+).

Допускається всередину контейнера розміщувати інші теги, при цьому сама форма ніяк не відображається на веб-сторінці, видно лише її елементи та результати вкладених тегів.

Синтаксис

...

Атрибути

Встановлює кодування, в якому сервер може приймати та обробляти дані. Адреса програми чи документа, що обробляє дані форми. Включає автозаповнення полів форми. Спосіб кодування даних форми. Метод протоколу HTTP. Назва форми. Скасує вбудовану перевірку даних форми на правильність введення. Ім'я вікна або кадру, куди обробник завантажуватиме результат, що повертається.

Закриваючий тег

Обов'язковий.

HTML5 IE Cr Op Sa Fx

Тег FORM

Як на вашу думку розшифровується абревіатура "ОС"?

Офіцерський склад
Операційна система
Великий смугастий мух

Результат цього прикладу показано на рис. 1.

Мал. 1. Вигляд елементів форми у вікні браузера

Форми призначені для надсилання даних від користувача до веб-сервера. Форми в HTML можуть складатися з текстових полів і текстових областей, прапорців і перемикачів, а також списків, що розкриваються. Все це елементи форми. Кожен елемент служить для того, щоб передати будь-яке значення сайту.
За своєю суттю HTML-форма — це веб-сторінка, на якій ви бачите області для введення своєї інформації. Після того, як ви заповните форму і натиснете кнопку відправити, інформація з форми упаковується та надсилається веб-серверу для обробки серверним сценарієм (файлом-обробником). Після обробки до вас повертається як відповідь інша веб-сторінка. Наступний малюнок наочно демонструє як працює форма:

Немає нічого складного у створенні HTML-форм. Найпростіший спосіб отримати уявлення про форми це розібрати невеликий HTML-код, а потім подивитися, як він працює. У наступному прикладі показано синтаксис створення простої HTML-форми:

Приклад: Проста HTML-форма

  • Спробуй сам »

Моя перша форма:
Ім'я:
Прізвище:



Проста форма

Моя перша форма:
Ім'я:
Прізвище:


Елемент

Форми вставляються на веб-сторінки за допомогою елемента . Він є контейнером для всього вмісту форми, включаючи такі елементи, як текстові поля та кнопки, а також будь-які інші теги мови HTML. Однак він не може містити інший елемент .
Для відправки форми на сервер використовується кнопка Submit, того ж результат вийде, якщо натиснути клавішу Enter в межах форми. Якщо кнопка Submit відсутня у формі, клавіша Enter може бути використана для відправки.
Більшість атрибутів елемента впливають на обробку форми, а не її дизайн. Найбільш поширеними з яких є actionі метод. Атрибут actionмістить URL, на який інформація у формі буде надіслана для обробки сервером. Атрибут методє методом HTTP, який повинні використовувати браузери для надсилання даних форми.

Елемент

Практично всі поля для форми створюються за допомогою елемента (Від англ. Input - введення). Зовнішній вигляд елемента змінюються в залежності від значення його атрибуту type:

Ось деякі значення атрибуту type:

Введення тексту та пароля

Одним із найпростіших типів елементів форми є текстове поле, призначене для введення тексту з одного рядка. Цей тип введення тексту встановлено за замовчуванням, а отже, саме однорядкове поле відобразиться, якщо ви забудете вказати атрибут type. Для додавання однорядкового поля введення тексту у форму слід всередині елемента прописати атрибут typeзі значенням text:

Поле введення пароля є різновидом звичайного текстового поля. Воно підтримує самі атрибути, як і однорядкове текстове поле. Атрибут nameвстановлює ім'я поля введення пароля, яке буде надіслано на сервер разом із паролем, введеним користувачем. Щоб створити поле для введення пароля, необхідно встановити значення password атрибуту type(password (англ.) - пароль):

Приклад створення форми з полем для введення пароля:

Приклад: Поле введення пароля

  • Спробуй сам »

Ваш логін:

Пароль:




Ваш логін:

Пароль:


Разом із цим атрибутом можна використовувати атрибут maxlenght, значення якого визначає максимальну кількість символів, які можна ввести до цього рядка. Можна також встановити довжину поля введення, використовуючи атрибут size. За замовчуванням у більшості браузерів ширина текстового поля обмежена 20 символами. Для керування шириною елементів нових форм замість атрибуту sizeрекомендується використовувати засоби каскадних таблиць стилів (CSS).
Атрибут valueзадає значення, яке за замовчуванням відображається у текстовому полі під час завантаження форми. Ввівши в поле значення за промовчанням, можна пояснити користувачеві, які саме дані та в якому форматі ви хочете, щоб користувач сюди заніс. Це як зразок, адже користувачеві набагато зручніше заповнювати форму, бачачи собі приклад.

Перемикачі (Radio)

Елемент типу radioстворює перемикачі, які використовують принцип логічного «АБО», дозволяючи вибрати лише одне з кількох значень: якщо ви вибираєте одне положення, всі інші стають неактивними. Основний синтаксис елемента-перемикача:

Атрибут nameдля перемикачів є обов'язковим і відіграє важливу роль в об'єднанні декількох елементів-перемикачів у групу. Для об'єднання перемикачів у групу необхідно встановити однакове значення атрибуту nameта різне значення атрибуту value. Атрибут valueвстановлює значення вибраного перемикача, яке буде надіслано серверу. Значення кожного елемента-перемикача має бути унікальним усередині групи, щоб сервер знав, який варіант відповіді вибрав користувач.
Наявність атрибуту checked(з англ. — встановлений) у елемента-перемикача вказує на те, який із запропонованих варіантів має бути обраний за замовчуванням під час завантаження сторінки, якщо це необхідно. Цей атрибут може бути встановлений тільки в одного елемента-перемикача з групи:

  • Спробуй сам »

Скільки вам років?

  1. молодше 18
  2. від 18 до 24
  3. від 25 до 35
  4. більше 35




Скільки вам років?

  1. молодше 18
  2. від 18 до 24
  3. від 25 до 35
  4. більше 35

Прапорці (checkbox)

Елемент типу checkboxстворює прапорці, які нагадують перемикачі тим, що дозволяють користувачеві вибирати із запропонованих вами варіантів. Головною відмінністю від перемикачів є те, що відвідувач може вибрати відразу кілька варіантів, а прапорці позначаються квадратиками, а не кружальцями. Як і у випадку з перемикачами, група прапорців створюється шляхом призначення кожному пункту того самого значення атрибуту nameоднак кожен прапорець має власне значення. Основний синтаксис прапорця:

Атрибут checked, як і у випадку з перемикачами, вказує, що цей прапорець має бути встановлений за замовчуванням під час завантаження сторінки. Цей атрибут може бути встановлений одночасно для кількох прапорців групи.
У наступному прикладі використання прапорців задані кілька вибраних за замовчуванням варіантів відповіді:

Приклад: Використання перемикачів

  • Спробуй сам »
  1. Джаз
  2. Блюз
  3. Рок
  4. Шансон
  5. Кантрі




Які музичні жанри ви любите?

  1. Джаз
  2. Блюз
  3. Рок
  4. Шансон
  5. Кантрі

Кнопки підтвердження (submit) та очищення (reset)

Елемент типу submitстворює кнопку, при натисканні якої відбувається надсилання браузером серверного сценарію на обробку даних, введених користувачем у форму. Якщо створюємо кнопку, що очищає форму, то присвоюємо атрибуту typeзначення "reset". Елементу типу submitможе бути наданий необов'язковий атрибут name. Атрибут valueвикористовується в даному елементі для вказівки тексту, що означає напис на кнопці. За замовчуванням у браузерах на кнопці пишеться «Надіслати» (Submit), якщо вас цей напис не влаштовує - введіть його самостійно. Оскільки в різних браузерах стилі кнопок підтвердження можуть відрізнятися, то краще самостійно налаштувати стиль кнопки, скориставшись засобами CSS або використовувати графічні кнопки.
Створення кнопок підтвердження та очищення:

Приклад: Використання submit та reset

  • Спробуй сам »

Після клацання на кнопці Reset відбувається скидання будь-яких введених користувачем даних.





Атрибут action.

Головним для елемента

є атрибут actionякий вказує обробник даних для форми. Обробник даних - це файл, який описує, що потрібно робити з даними форми. Як результат цієї обробки видається нова HTML-сторінка, яка повертається браузеру. Тобто в атрибуті actionвказується URL-шлях до файлу-обробника на сервері (іноді званого сторінкою сценарію) для обробки форми. Синтаксис наступний:

…

Файл обробки знаходиться на сервері mytestserver.comу папці namefolderі назва серверного сценарію, який оброблятиме дані — obrabotchik.php. Саме йому будуть передані всі дані, введені вами у форму на веб-сторінці. Розширення.php вказує на те, що вказана форма обробляється сценарієм написаним мовою PHР. Сам обробник може бути написаний іншою мовою, наприклад, це може бути мова сценаріїв Python, Ruby та ін.
Бажано завжди ставити значення атрибуту action. Якщо форма повинна передати значення на ту саму сторінку, де вона розташована як значення атрибуту action, вкажіть порожній рядок: action="".

Атрибут method

Атрибут методзадає те, як інформація має бути передана на сервер. Вибір способу надсилання форми залежить від даних, які потрібно надіслати разом з нею. Тут основну роль грає обсяг цих даних. Найбільш популярними є два методи передачі вихідних даних вашої форми з браузера на сервер: GETі POST. Метод встановлюється на вибір, і якщо ви його не вказали, за замовчуванням буде використовуватися GET. Розглянемо застосування кожного їх.

Метод POST

Метод POSTупаковує дані форми та відсилає їх серверу непомітно для користувача, оскільки дані містяться у тілі повідомлення. Веб-браузер при використанні методу POSTвідправляє на сервер запит, що складається із спеціальних заголовків, за якими слідують дані форми. Оскільки вміст цього запиту доступний лише серверу, метод POSTзастосовується для передачі конфіденційних даних, таких як паролі, реквізити банківських карток та інша персональна інформація користувачів. Метод POSTтакож підходить для надсилання великих обсягів інформації, оскільки на відміну від методу GET, у нього немає обмежень за кількістю символів, що передаються.

Метод GET

Як ви вже знаєте, основна робота браузера — це отримувати веб-сторінки від сервера. Так ось, коли ви використовуєте метод GET, ваш браузер просто отримує веб-сторінку, як це завжди. Метод GETтакож упаковує дані форми, але, перш ніж надіслати запит серверу, приєднує їх до кінця URL-адреси. Щоб зрозуміти, як працює метод GETдавайте подивимося його в дії. Відкрийте в блокноті (наприклад Notepad++) перший приклад цього уроку (Приклад: Проста HTML-форма) і внесіть у HTML-код невелику зміну:

тобто. замініть POSTна GET.
Збережіть файл під назвою file_name.htmlта оновіть сторінку браузера (F5), потім заповніть форму, наприклад Вася Пупкін, та натисніть кнопку «Надіслати». В адресному рядку браузера Ви побачите щось на кшталт цього:

File_name.html?firstname=Вася&lastname=Пупкін

Тепер ви бачите ім'я кожного елемента форми, а також його значення прямо тут, в URL-адресі.
URL-адреса відокремлюється від інших даних форми символом питання, а імена і значення змінних поділяються знаком амперсанд (&) .
Цей метод потрібно використовувати, якщо ви не передаєте великих обсягів інформації.
Цей метод не підійде, якщо дані у вашій формі є конфіденційними, наприклад, зберігають номер банківської картки або пароль.
Крім того, метод GETнепридатний, якщо разом із формою ви хочете переслати файли на сервер.

Угруповання елементів форми

Елементи форми, пов'язані за змістом, можна згрупувати між тегами

і
. Браузер відобразить
у вигляді рамки навколо групи елементів форми. Зовнішній вигляд рамки можна змінити за допомогою каскадних таблиць стилів (CSS).
Щоб додати заголовок для кожної групи, знадобиться елемент , який задає вбудований у рамку текст заголовка групи.

HTML теги, що визначають HTML форми на сайті

Створюємо сайти та окремі сторінки в мережі інтернетдля спілкування із відвідувачами.

HTML формивикористовуються для реєстрації відвідувачів на сайті, для інтерактивних опитувань та голосувань, дозволяють надсилати повідомлення, здійснювати покупки тощо. HTMLФорма створюється з однією метою: збирання та подальша передача інформації на обробку програмному сценарію або електронною поштою.

Приклад HTML форми Вхід до сайту

Теги, атрибути та значення

    • - Визначають форму.
  • name="" – визначає ім'я форми.
  • method="" - визначає спосіб відправлення даних із форми. Значення: "get" (за замовчуванням) та "post" . Чаші використовується метод "post", оскільки дозволяє передавати великі обсяги даних.
  • action="" - визначає url яким дані відправляються на обробку. У нашому випадку - enter_data.php..
  • - Визначають такі елементи форми як кнопки, перемикачі, текстові поля для введення даних.
  • type="text" - визначає текстове поле для введення даних.
  • type="password" - визначає поле для введення пароля, при цьому текст відображається у вигляді зірочок або кружечків.
  • type="checkbox" - визначає перемикач.
  • type="hidden" - визначає прихований елемент форми - використовується передачі додаткової інформації на сервер.
  • size="25" - довжина текстового поля символи.
  • maxlength="30" - максимально допустима кількість символів, що вводяться.
  • value="" - визначає значення, яке буде відправлено на обробку, якщо відноситься до радіобутонів або перемикачів. Значення цього атрибуту у складі текстового поля або кнопки буде показано як, наприклад, Вася або Вхід у прикладі вище.

Приклад HTML форми Коментарі на сайті

Приклад HTML форми




Ім'я



Mail

Теги, атрибути та значення

  • action="http://сайт/comments.php" - визначає url, по якому будуть відправлені дані з форми.
  • id="" – визначає ім'я, ідентифікатор елемента форми.
  • name="" – визначає ім'я елемента форми.
  • - Визначають текстове поле у ​​складі форми.
  • cols="" – визначає кількість колонок текстового поля форми.
  • rows="" – визначає кількість рядів текстового поля форми.

Якщо між розмістити текст, він буде показаний всередині поля як приклад, який легко видалити.

Приклад HTML форми Випадаючий список

HTML форми

Теги, атрибути та значення

  • - Визначають список з позиціями для вибору.
  • size="" - визначає кількість видимих ​​позицій списку. Якщо значення дорівнює 1 , ми маємо справу з списком, що випадає.
  • - Визначають позиції (пункти) списку.
  • value="" - містить значення, яке буде надіслано формою за вказаним URL на обробку.
  • selected="selected" - виділяє позицію списку як приклад.

Приклад HTML форми Список зі смугою прокручування

Збільшивши значення атрибута size="" , ми отримаємо список зі смугою прокручування:

Перша позиція Друга позиція Третя позиція Четверта позиція

HTML форми

Для цього варіанта застосуємо прапорець multiple="multiple" , який уможливлює вибір кількох позицій. Його відсутність дозволяє вибрати лише один пункт.

  • type="submit" - визначає кнопку.
  • type="reset" – визначає кнопку скидання.
  • value="" - визначає напис на кнопці.

    • Дивіться додатково:

    HTML форма- це інструмент, за допомогою якого HTML-документ може надіслати деяку інформацію до певної заздалегідь визначеної точки зовнішнього світу, де інформація буде деяким чином оброблена.

    Розповісти про форми в Самовчителі, присвяченому HTML, досить важко. Причина дуже проста: створити форму HTML набагато простіше, ніж ту "точку зовнішнього світу", в яку HTML форма надсилатиме інформацію. Як така "точка" в більшості випадків виступає програма, написана на Перл або Сі.

    Програми, що обробляють дані, передані формами, часто називають CGI-скриптами. Скорочення CGI (Common Gateways Interface) означає загальноприйнятий інтерфейс шлюзів. Написання CGI-скриптів у більшості випадків вимагає хорошого знання відповідної мови програмування та можливостей операційної системи Unix.

    В даний час певне поширення набула мова PHP/FI, інструкції якої можна вбудовувати прямо в HTML-документи (документи при цьому зберігаються у вигляді файлів з розширенням *.pht або *.php).

    HTML форми передають інформацію програмам-обробникам як пар [ім'я змінної]=[значення змінної] . Імена змінних слід задавати латинськими літерами. Значення змінних сприймаються обробниками як рядки, навіть якщо вони містять лише цифри.

    Як влаштована HTML форма

    Форма відкривається тегом

    і закінчується тегом
    . HTML-документ може містити декілька форм, проте форми не повинні знаходитися одна всередині іншої. HTML-текст, включаючи теги, може розміщуватись усередині форм без обмежень.

    Тег

    може містити три атрибути, один із яких є обов'язковим. Ось ці атрибути:

    Обов'язковий атрибут. Визначає де знаходиться обробник форми.

    Визначає, яким чином (інакше кажучи, за допомогою якогось методу протоколу передачі гіпертекстів) дані з форми будуть передані обробнику. Допустимі значення: METHOD=POST і METHOD=GET . Якщо значення атрибута не встановлено, за промовчанням передбачається METHOD=GET .

    Визначає, яким чином дані форми HTML будуть закодовані для передачі обробникові. Якщо значення атрибута не встановлено, за промовчанням передбачається ENCTYPE=application/x-www-form-urlencoded .

    Найпростіша HTML форма

    Для того, щоб запустити процес передачі даних з форми оброблювача, потрібен якийсь орган управління. Створити такий орган управління дуже просто:

    Зустрівши такий рядок усередині форми, браузер намалює на екрані кнопку з написом Submit (читається "сабміт" з наголосом на другому складі, від англійського "подавати"), при натисканні на яку всі наявні у формі дані будуть передані обробнику, визначеному в тезі .

    Напис на кнопці можна задати такий, який подобається, шляхом введення атрибуту VALUE="[Напис]" (читается "вэлью" с ударением на первом слоге, от английского "значение"), например:!}

    Тепер ми знаємо достатньо, щоб написати найпростішу HTML форму (приклад 11). Вона не збиратиме жодних даних, а просто поверне нас до тексту цього розділу.

    Приклад 11

    Найпростіша форма

    Напис, нанесений на кнопку, можна за необхідності передати оброблювачу шляхом введення в визначення кнопки атрибута NAME=[ім'я] (читається "нейм", від англійського "ім'я"), наприклад:

    При натисканні на таку кнопку обробник разом з рештою даних отримає і змінну button зі значенням Поїхали! .

    У формі може бути кілька кнопок типу submit з різними іменами та/або значеннями. Оброблювач, таким чином, може діяти по-різному в залежності від того, яку саме кнопку submit натиснув користувач.

    Як HTML форма збирає дані

    Існують інші типи елементів . Кожен елемент повинен включати атрибут NAME=[ім'я] , що визначає ім'я елемента (і відповідно ім'я змінної, яка буде передана обробнику). Ім'я має задаватися тільки латинськими літерами. Більшість елементів повинні включати атрибут VALUE="[значення]" , определяющий значение, которое будет передано обработчику под этим именем. Для элементов !} і , однак, цей атрибут не є обов'язковим, оскільки значення відповідної змінної може вводитися користувачем з клавіатури.

    Основні типи елементів :

    TYPE=text

    Визначає вікно для введення текстового рядка. Може містити додаткові атрибути SIZE=[число] (ширина вікна введення символів) і MAXLENGTH=[число] (максимально допустима довжина рядка, що вводиться в символах).

    Приклад:

    Визначає вікно шириною 20 символів для введення тексту. За замовчуванням у вікні міститься текст Іван, який користувач може редагувати. Відредагований (або невідредагований) текст передається обробнику змінної user .

    TYPE=password

    Визначає вікно для введення пароля. Абсолютно аналогічний типу text, тільки замість символів тексту, що вводиться, показує на екрані зірочки (*). Приклад:

    Визначає вікно шириною 20 символів для введення пароля. Максимально допустима довжина пароля – 10 символів. Введений пароль передається обробнику змінної pw .

    TYPE=radio

    Визначає радіокнопку. Може містити додатковий атрибут checked (показує, що позначена кнопка). У групі радіокнопок з однаковими іменами може бути лише одна позначена радіокнопка.

    Приклад:

    9600 біт/с
    14400 біт/с
    28800 біт/с

    Визначає групу із трьох радіокнопок, підписаних 9600 біт/с, 14400 біт/с та 28800 біт/с. Спочатку позначено першу з кнопок. Якщо користувач не позначить іншу кнопку, обробнику буде передано змінну modem зі значенням 9600 . Якщо користувач відзначить іншу кнопку, обробнику буде передана змінна modem зі значенням 14400 або 28800 .

    TYPE=checkbox

    Визначає квадрат, у якому можна зробити позначку. Може містити додатковий атрибут checked (показує квадрат помічений). На відміну від радіокнопок, у групі квадратів з однаковими іменами може бути кілька позначень квадратів.

    Приклад:

    Персональні комп'ютери
    Робочі станції
    Сервери локальних мереж
    Сервери Інтернет

    Визначає групу із чотирьох квадратів. Спочатку позначені другий і четвертий квадрати. Якщо користувач не змінить, обробнику буде передано дві змінні: comp=WS і comp=IS .

    TYPE=hidden

    Визначає прихований елемент даних, який не видно користувачу під час заповнення форми та передається обробнику без змін. Такий елемент іноді корисно мати у формі, яка час від часу переробляється, щоб обробник міг знати, з якою версією форми він має справу. Інші можливі варіанти використання Ви можете придумати самі.

    Приклад:

    Визначає приховану змінну version, яка передається обробнику зі значенням 1.1.

    TYPE=reset

    Визначає кнопку при натисканні на яку форма HTML повертається у вихідний стан. Оскільки під час використання цієї кнопки дані обробнику не передаються, кнопка типу reset може і мати атрибута name .

    Приклад:

    Визначає кнопку Очистити поля форми, при натисканні якої форма HTML повертається у вихідний стан.

    Крім елементів , форми HTML можуть містити меню

    Усі атрибути є обов'язковими. Атрибут NAME визначає ім'я, під яким вміст вікна буде передано обробнику (у прикладі – address). Атрибут ROWS встановлює висоту вікна у рядках (у прикладі - 5). Атрибут COLS встановлює ширину вікна символи (у прикладі - 50).

    Текст, розміщений між тегами , є вмістом вікна за замовчуванням. Користувач може його редагувати або просто стерти.

    Важливо знати, що російські літери у вікні