Меню
Спросить
< >

Урок 8. Тег form.

6 декабря 2016
Урок 8. Тег form.

Привет дорогой читатель, сегодня мы познакомимся с тегом form и вспомним тег input и тег textarea. Далее, мы будем стилизовать в уроках css нашу форму, как стилизовали тег textarea. И да, вспомним парочку атрибутов и узнаем новые =)

Как выглядит?

  1. <form></form>


Тег form требует закрытия. Он объединяет все поля и кнопки в единое целое, благодаря этому тегу можно отправлять данные на сервер.

Тег form


Атрибуты тег form может принимать как и остальные теги, но у него есть и свои, индивидуальные теги.

NAME
Может принимать этот атрибут и использовать его, например в javaScript, по имени собирает всю информацию с формы. Да и вообще, такие теги как input, textarea, form и тд, если ты собираешься с ними работать то лучше как-нибудь обозвать их, что мы сейчас и сделаем.

  1. <form name="form"></form>

CLASS
Зададим этот атрибут, для стилизации в css нашей формы.

  1. <form name="form" class="forma">
  2. </form>

ENCTYPE
Атрибут нужный и рассмотрим одно его значение, вообще он предназначен для указания способа кодирования данных с формы. Значение, которое мы укажем этому атрибуту enctype, тега form, будет указывать на то, что с формы будут отправляться данные, которые представляют из себя некий файл. Проще говоря, атрибут укажет, что мы отправляем файл. Он так же дает возможность отправлять файл, без него файл не отправиться на сервер. Так, что если ты собрался использовать тег input с типом file, то тебе следует указать этот атрибут с таким значением:

  1. <form name="form" class="forma" enctype="multipart/form-data">
  2. </form>

ACTION
Атрибут action тега form, указывает в своем значении ссылку или путь на файл php, то есть, указывает место куда нужно отправить данные.

  1. <form action="server.php" name="form" class="forma" enctype="multipart/form-data">
  2. </form>

METHOD
Атрибут method тега form, может содержать одно из двух значений, ибо ему все равно, что ты хочешь больше. Эти значения указывают, по какому методу отправлять данные.

2 значения:
POST - запрос
или
GET - запрос.

  1. <form action="server.php" method="POST" name="form" class="forma" enctype="multipart/form-data">
  2. </form>

Про тег form на сегодня всё. Остальной код из формы можешь посмотреть в видео ниже.
Хочу только немного сказать по поводу тега input.
В своей форме я использую атрибут required тега input, он указывает на то, что это поле является обязательным для заполнения. Атрибут не пропустит данные на сервер, пока пользователь не заполнит это поле. То есть оно не должно быть пустым.

Заключение

Спасибо за урок, смотри более подробнее в видео ниже.
Пока =)

Следующая статьяПредыдущая статья