Html форми

Форми дають можливість користувачам вводити інформацію. Вам напевно, не раз зустрічалися всілякі тести, опитування, голосування. Для того, щоб все це зробити на своїх web-сторінках і потрібні форми.

Отже, в html форма задається тегами

. Всі інші елементи форми розташовуються між цими тегами.

У тега

є кілька параметрів:

  • name - ім'я форми. Необхідно, якщо на сторінці кілька форм
  • method - визначає спосіб відправки інформації

  • target - вказує ім'я вікна, в якому будуть відображатися результати обробки надісланої форми

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

    Просте однорядкове текстове поле, в яке можна вводити і редагувати текст. Здається тегом

  • type - тип елемента (в даному випадку - text),

  • size - розмір текстового поля в символах, які одночасно будуть видні, при введенні більшої кількості символів, вони будуть прокручуватися,

  • maxlength - максимальна кількість символів, які можна ввести в поле, якщо опустити цей параметр, то число символів буде необмеженим,

  • value - текст, який буде відображатися (його можна стерти), при відсутності цього параметра поле буде порожнім.

    • Можливі ще два параметри:
    • disabled - блокує поле від будь-яких змін,
  • readonly - робить поле доступним тільки для читання.

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

    Це таке ж текстове поле, як і попередній елемент. Різниця тільки в тому, що вводиться текст не відображається, замість нього з'являються спеціальні символи, наприклад зірочки. Найчастіше використовується при введенні паролів. Всі параметри такі ж, як у простого текстового поля, крім параметра type = "password".

    Спробуйте ввести що-небудь в цьому полі.

    Ви, звичайно, зустрічали подібний елемент: