text
- текстове поле.
password
- поле з паролем.
radio
- перемикач.
checkbox
- прапорець.
hidden
- приховане поле.
button
- кнопка.
submit
- кнопка для відправлення форми.
reset
- кнопка для очищення форми.
image
- кнопка із зображенням.
file
- поле для відправлення файлу.
Заголовок форми
<form method="post" action="mailto:nadiya@ukr.net">
Текстове поле
<h3>Прізвище, ім'я *</h3>
<input type="text" name="name" value="" placeholder="Вкажи прізвище,
ім'я" />
Перемикачі
(радіокнопки)
<h3>Стать *</h3>
Жінка <input type = "radio" name = "sex" value
="female"/>
Чоловік <input type = "radio" name = "sex" value ="male" checked/>
Прапорці
(чекбокси)
<h3>Які супермаркети відвідуєте? *</h3>
<input type = "checkbox" name = "market" />"Рукавичка"<br>
<input type = "checkbox" name = "market" />"АТБ"<br>
<input type = "checkbox" name = "market" />"Близенько"<br>
<input type = "checkbox" name = "market" />"Сільпо"<br>
Списки
<h3>Ваше заняття</h3>
<select name="zanyattya">
<option>учень (учениця)</option>
<option>студент (студентка)</option>
<option>працюючий (працююча)</option>
<option>безробітний (безробітна)</option>
<option>пенсіонер (пенсіонерка)</option>
</select>
Текстове поле для
електронної пошти
<h3>Eлектронна пошта*</h3>
<input type="email" name="email" placeholder="nadiya@ukr.net"
/>
Текстове поле для телефона
<h3> Телефон</h3>
<input type="tel" name="telephone" />
Текстове поле великої площі
<h3>Ваші пропозиції щодо поліпшення обслуговування*</h3>
<textarea name="propozycii"
placeholder="У повідомленні має бути більше, ніж 20 символів" >
</textarea>
Кнопка надсилання на сервер
<input type="submit" value="Надіслати" id="my_button" />
Кнопка очистки форми
<input type="reset" value="Очистити" id="my_button" />
Примітка
<p>* Поля, обов'язкові для заповнення </p>
</form>
|
Відеорозбір практичної роботи:
Мої заповіді на щодень:
Поганий той учень, який не перевершує вчителя.
(Леонардо да Вінчі)
Лише той Учитель, хто живе так, як навчає.
( Г. Сковорода)
You can do it, too! Sign up for free now at https://www.jimdo.com