Форми

Оновлено: 29.11.2022

• button

  button

  Елемент <button> (від англ. button — кнопка) створює на вебсторінці кнопки і за своєю дією нагадує результат, який отримується за допомогою <input> (з атрибутом type="button | reset | submit"). На відміну від цього елемента <button> пропонує розширені можливості створення кнопок. Наприклад, на подібній кнопці можна розміщувати будь-які елементи HTML, включно із зображення. Використовуючи стилі, можна визначити вид кнопки шляхом зміни шрифту, кольору фону, розмірів та інших параметрів.

• fieldset

  fieldset

  Елемент <fieldset> (від англ. form field set - набір полів форми) призначений для групування елементів форми. Таке групування полегшує роботу з формами, що містять велику кількість даних, наприклад, один блок може бути призначений для введення текстової інформації, а інший - для прапорців.

• form

  form

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

• input

  input

  <input> (від англ. input - введення) -один з різнобічних елементів форми, що дозволяє створювати різні частини інтерфейсу та забезпечувати взаємодію з користувачем. Головним чином <input> призначений для створення текстових полів, різних кнопок, перемикачів та прапорців.

• keygen

  keygen

  Використовується для генерації пари ключів - закритого й відкритого. Коли форма надходить на сервер, закритий ключ зберігається на локальному комп'ютері, а відкритий ключ передається разом із формою. Самі ключі необхідні для шифрування та розшифровки даних, створення та перевірки цифрового підпису.

• label

  label

  Елемент <label> (від англ. label — мітка) встановлює зв'язок між певною міткою, якою зазвичай є текст, і елементом форми (<input>, <select>, <textarea>). Такий зв'язок необхідний, щоб змінювати значення елементів форми при натисканні курсором миші на текст. Крім того, за допомогою <label> можна встановлювати гарячі клавіші на клавіатурі та переходити на активний елемент подібно до посилань.

• legend

  legend

  Елемент <legend> (від англ. legend - легенда, напис) застосовується для створення заголовка групи елементів форми, яка визначається за допомогою <fieldset>. Група елементів позначається у браузері за допомогою рамки, а текст, який знаходиться всередині контейнера <legend>, вбудовується у цю рамку.

• optgroup

  optgroup

  Елемент <optgroup> (від англ. option group - група варіантів) являє собою контейнер, всередині якого розташовуються елементи <option>, об'єднані в одну групу. Особливістю <optgroup> є те, що він не виділяється як звичайний елемент списку, акцентується за допомогою жирного зображення, а всі елементи, що входять в цей контейнер, зміщуються вправо від свого вихідного положення.

• option

  option

  Елемент <option> (від англ. option - варіант, вибір) визначає окремі пункти списку, створюваного за допомогою контейнера <select>. Ширина списку визначається найширшим текстом, вказаним у <option>, і може змінюватися з допомогою стилів. Якщо планується надсилати дані списку на сервер, потрібно помістити елемент <select> всередину форми. Це також необхідно, коли до даних списку йде звернення через скрипти.

• select

  select

  <select> (від англ. selection — вибір) дозволяє створити елемент інтерфейсу у вигляді списку, що розгортається, а також список з одним або множинним вибором. Кінцевий вид залежить від використання атрибута size, який встановлює висоту списку. Ширина списку визначається найширшим текстом, вказаним у елементі <option>, і може змінюватися з допомогою стилів. Кожен пункт створюється за допомогою елемента <option>, який має бути вкладеним у контейнер <select>. Якщо планується відправляти дані списку на сервер, потрібно помістити <select> всередину форми. Це також необхідно, коли до даних списку йде звернення через скрипти.

• textarea

  textarea

  <textarea> є елементом форми для створення області, в яку можна вводити кілька рядків тексту. На відміну від елемента <input> у текстовому полі допустимо робити перенесення рядків, вони зберігаються при надсиланні даних на сервер.