5 Форми

Матеріал з Wiki TNEU
Перейти до: навігація, пошук

Форма (англ. form) в HTML - розділ документа, що дозволяє користувачеві вводити інформацію для подальшої обробки системою. Синтаксично форма в HTML задається за допомогою елемента form і на додаток до розмітки звичайних елементів містить розмітку для елементів управління (англ. controls), написів (англ. label) та інших Елементи керування служать для взаємодії користувача з формою. Атрибут name визначає ім'я елемента управління з областю видимості всередині даної форми. З кожним елементом форми пов'язано початкове і поточне значення. За деякими винятками (textarea, object), початкове значення може бути задане атрибутом value. Значення, відповідні елементам, можуть змінюватися при взаємодії користувача або скриптів (наприклад, на Javascript) з формою. При очищенні (англ. reset) форми елементи набувають початкові значення. Дані всіх діючих (англ. successful) елементів форми відправляються (англ. submit) на обробку у вигляді пар ім'я-значення

У HTML визначені наступні елементи управління:

  • кнопка: елемент input типів submit, image, reset, button, а також елемент button,
  • чекбокс (прапорець): тип checkbox
  • радіокнопка: тип radio
  • меню: елемент select з елементами optgroup і option всередині
  • рядок тексту: тип text, а також елемент textarea
  • пароль: тип password
  • приховане поле: тип hidden
  • файл: тип file
  • об'єкт: елемент object
  • елемент datalist з варіантами автозаповнення рядки тексту,
  • елемент output для результа обчислення на основі інших полів,
  • елемент keygen для генерації пари ключів для використання в механізмі аутентифікації.

Форма задається за допомогою елемента form, усередині якого і розташовуються елементи управління. Крім загальних для HTML атрибутів, в form можуть бути присутніми наступні:

  • action (дія) - обов'язковий атрибут, що містить URI обробника форми;
  • method (метод відправки форми) - атрибут, який приймає значення GET (за замовчуванням) або POST
  • enctype (тип кодування для вмісту) - за замовчуванням application / x-www-form-urlencoded (завжди для методу GET), але зазвичай вживається multipart / form-data
  • accept - список MIME-типів для завантаження файлів
  • name - ім'я форми
  • onsubmit - обробник події «форма відправлена​​»
  • onreset - обробник подія: «форма очищена»
  • accept-charset список підтримуваних наборів символів
Особисті інструменти
Простори назв

Варіанти
Дії
Навігація
Інструменти