Випуск №9. HTML-теги форми

18

Всім привіт!

У цьому уроці мова піде про тегах html-форм.

Форми HTML — це ті поля, куди ми, наприклад, вводимо свої дані при реєстрації на якомусь сайті, форумі і т. д.

Запропоную почати з прикладу, потім докладно розберемо його і розглянемо види форм.

І так, почнемо.

Всі форми починаються з тега і закінчуються тегом .

Далі, параметр action в тезі вказує на адресу програми (сценарію), яка буде обробляти дані з нашої форми.

Параметр method вказує на спосіб передачі даних.

Є два способи: GET і POST. GET:при передачі цим способом, дані будуть додані в кінець адреса сайту (URL), і ми їх побачимо в адресному рядку.

Якщо будемо передавати методом POST, то дані будуть передані приховано від користувача.

Тег визначає як раз саму форму. Розглянемо параметри тега :

CHECKED — означає, що CHECKBOX або RADIOBUTTON буде обраний.

MAXLENGTH — визначає кількість символів, які користувачі можуть ввести в поле вводу.

NAME — ім’я поля вводу. Це ім’я використовується як унікальний ідентифікатор поля, по якому, згодом, ви зможете отримати дані, поміщені користувачем в це поле.

SIZE — визначає візуальний розмір поля введення на екрані в символах.

VALUE — привласнює полю значення за замовчуванням або значення, яке буде обрано при використанні типу RADIO (для типу RADIO даний атрибут обов’язковий)

TYPE — визначає тип поля вводу. За замовчуванням це просте поле для введення одного рядка тексту. Оскільки параметр type визначає тип форми, то розглянемо докладно його значення.

СНЕСКВОХ — використовується для вибору користувачем кількох значень із запропонованих.

Приклад використання:

Варіант 1
Варіант 3
Варіант 4

RADIO — те ж що і checkbox, але користувач може вибрати лише одне значення.

Для створення набору альтернатив вам необхідно створити декілька полів вводу з атрибутом TYPE=»RADIO» з різними значеннями атрибута VALUE, але з однаковими значеннями атрибута NAME.

Приклад використання:

Варіант 1
Варіант 2
Варіант 3
Варіант 4

PASSWORD — те ж саме, що і атрибут TEXT, але введене користувачем значення не відображається браузером на екрані відображаються зірочки замість символів).

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

SUBMIT — даний тип позначає кнопку, при натисненні якої буде викликана CGI-програма (або URL), описана в заголовку форми (action).

Атрибут VALUE може містити рядок, яка буде высвечена на кнопці.

TEXT — даний тип поля вводу описує однорядкове поле введення. Це як раз ті поля, які використовуються для реєстрації, введення логіна і пароля. Цей тип поля найбільш часто зустрічається.

SELECT — тег SELECT дозволяє користувачеві вибрати значення з фіксованого списку значень. Зазвичай це представлено випадаючим меню.

Тег SELECT має один або більше параметр між стартовим тегом і завершальним . За замовчуванням, перший елемент відображається у рядку вибору.

Приклад використання:

Варіант 1
Варіант 2
Варіант 3
Варіант 4

TEXTAREA — Тег (Звертаю увагу! Це саме тег, а не значення параметра type) використовується для того, щоб дозволити користувачеві вводити вільний текст.

Приклад використання:

NAME — ім’я поля введення

ROWS — висота поля в символах

COLS — ширина поля в символах

На цьому випуск присвячений HTML-тегами форми, завершимо, якщо виникли питання, пишіть.

Прохання надсилати з питанням ваш код того, що ви робите.

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

Завжди Ваш, Андрій Бернацький.
Випуск №9. HTML-теги форми