Web-формы

1. Web-формы

2. Что такое WEB-форма

По своей сути веб-форма является специально ограниченной областью на
странице сайта. В эти области посетитель сайта может внести ту или иную
информацию, а также выбрать конкретные действия из предложенных.
Веб-форма на сайте – это аналог бумажной формы, анкеты, бланка и
опросного листа.
В формах имеются поля, предназначенные для заполнения, а также списки и
переключатели, которые позволяют пользователю выбрать один или
несколько элементов.
Форму можно использовать для того чтобы получать сведения от посетителей
сайта. К примеру, с помощью web-формы можно осуществлять сбор
персональных данных, сведения о заказах, сведения, которые необходимы
для выставления счета, способах доставки и так далее. От посетителей
требуется внести различного рода информацию в поле формы.
Вышеуказанные сведения можно задать путём настройки переключателей,
флажков и раскрывающихся списков и ввода информации в текстовые поля.

3. Пример WEB-формы

4. <form></form>

<form></form>
• Это тег-контейнер, в котором будут
располагаться все элементы формы
<form>
form elements
</form>

5. Элемент input

• <input type="text">
• <form>
Имя:<br>
<input type="text" name="firstname">
<br>
Отчество:<br>
<input type="text" name="lastname">
</form>

6. Элемент input

• <input type="radio">
<form>
<input type="radio" name="sex" value="male
" checked>Мужской
<br>
<input type="radio" name="sex" value="femal
e">Женский
</form>

7. Элемент input

• <input type="submit“>
<form action="action_page.php >
Имя:<br>
<input type="text" name="firstname" value=«Шер
лок">
<br>
Фамилия:<br>
<input type="text" name="lastname" value=«Холм
с">
<br><br>
<input type="submit" value=«Отправить">
</form>

8. Атрибут method

Атрибут определяет каким методом данные
формы будут отправлены на сервер
<form action="action_page.php" method="GET
">
action_page.php?firstname=Шерлок&lastname
=Холмс
<form action="action_page.php" method="POS
T">

9. <fieldset> </fieldset>

<fieldset> </fieldset>
• <form action="action_page.php">
<fieldset>
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Micke
y">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mous
e">
<br><br>
<input type="submit" value="Submit"></fieldset>
</form>