Всім привіт!
У цьому уроці мова піде про тегах 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-тегами форми, завершимо, якщо виникли питання, пишіть.
Прохання надсилати з питанням ваш код того, що ви робите.
Так буде простіше і мені зрозуміти, що у вас не вийшло і дати вам чітку відповідь, і вам менше пояснювати в листі, що у вас не виходить.
Завжди Ваш, Андрій Бернацький.