Додавання форми на сторінку
Форми призначені для обміну даними між користувачем і сервером. Область застосування форм не обмежена відправкою даних на сервер, за допомогою скриптів можна отримати доступ до будь-якого елементу форми, змінювати його і застосовувати на власний розсуд.
Для вказівки браузеру де починається і закінчується форма, використовується тег <FORM> (приклад 1). Між відкриває і закриває тегами <FORM> і </ FORM> можна поміщати будь-які необхідні теги HTML. Це дозволяє додати елементи форми в елементи таблиці для їх форматування, а також використовувати зображення. Документ може містити декілька форм, але вони не повинні бути вкладені одна в іншу.
Приклад 1. Додавання форми в документ
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Форми </ title>
</ Head>
<Body>
<form>
<P> Тут розміщуються елементи форми </ p>
</ form>
</ Body>
</ Html>
Будь-яка форма містить кілька параметрів:
- Елементи форми, які являють собою стандартні поля для введення інформації.
- Кнопку відправки даних форми на сервер.
- Адреса програми на веб-сервері, яка буде обробляти вміст даних форми.
Щоб вказати браузеру куди і як відправляти дані форми використовується два параметри:
action - адреса CGI-програми, яка приймає дані форми. Це обов'язковий параметр тега <FORM>.
method - метод пересилання даних, що містяться у формі, від браузера до веб-сервера. Може приймати два значення: get і post.
При використанні методу GET дані форми пересилаються в складі URL-запиту і перераховуються після символу питання (?). Наприклад, рядок запиту може мати наступний вигляд:
http://www.shram.kiev.ua/cgi-bin/program.cgi?name=Vasya&lastname=Pupkin
При методі POST дані передаються на веб-сервер в тілі запиту, при цьому їх розмір може бути досить великим (приклад 2).
Приклад 2. Форма із зазначенням параметрів action і method
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Метод POST </ title>
</ Head>
<Body>
<form action = "/ cgi-bin / program.cgi" method = "post">
<P> Тут розміщуються елементи форми </ p>
</ form>
</ Body>
</ Html>
Метод GET використовується браузерами за замовчуванням, тому при виборі методу відправки даних на сервер, параметр method = "get" можна опустити.
При розміщенні форми в комірці таблиці, навколо неї автоматично, зверху і знизу додаються поля. Щоб їх прибрати, додайте стильовий параметр margin зі значення нуль до тегу <FORM> (приклад 3).
Приклад 3. Використання стилів для установки відступів в формі
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Відступи в формі </ title>
</ Head>
<Body>
<form action = "current.php" style = "margin: 0">
<P> ... </ p>
</ Form>
</ Body>
</ Html>
Copyright що кредитують © www.htmlbook.ru
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.