Маркерът на формуляра. Цел и приложение.

В една от предишните си публикации говорих за общия таг за въвеждане, който можете да използвате за създаване на повечето елементи на уеб формуляра. Но, използвайки само тези елементи (текстово поле, бутон и т.н.), не можете да създадете пълноценна форма.

Да приемем, че имаме проста форма, която се състои от две текстови полета, където потребителят трябва да въведе своето име и фамилия.

Потребителят може да попълни тези полета, но това няма да промени нищо. За да може браузърът да започне да възприема тази форма като една структура, трябва да извършите две действия:

1 действие. Кажете на браузъра, че тези текстови полета са една, една форма.

Специален таг, който ви позволява да направите това, е маркерът на формуляра. form е специален елемент, който ви позволява да комбинирате много елементи на формуляра в една структура и казва на браузъра да третира тази структура като цяло.

Използвайки маркера на формуляра, можем да кажем на браузъра, където конкретно и как трябва да изпратите данните, които са въведени в елементите на формуляра, за да могат да бъдат обработени от специална програма.

Маркерът на формата е като контейнер, който съхранява елементи на формуляра. Това е сдвоен маркер. Зоната на нейното действие, между отварянето и затварянето, определя елементите, които ще бъдат част от формуляра.

Да се ​​върнем към предишния ни пример и да се опитаме да обгърнем елементи от формуляра с този таг:

Сега е ясно, че тази част от кода е форма.

Но тази форма все още не работи. Въпреки че две текстови полета вече се възприемат от браузъра като част от един формуляр, изобщо не е ясно къде да се изпратят данните, които потребителят въвежда в този формуляр. Тази форма липсва много важна, задължителен атрибут.

Значението на използването на маркера на формуляра в специални атрибути, които могат да бъдат приложени към него.

Нека да видим какви са тези атрибути. На първо място, това са двата най-важни атрибута за уеб формулярите.

1) условие - този атрибут е задължителен. Тези. няма много смисъл да създавате формуляр, без да го използвате. С негова помощ се посочва пътят до програмата (скрипта), която ще обработва данните, въведени във формуляра.

2) метод - с този атрибут посочваме метода, чрез който данните ще бъдат прехвърлени към програмата манипулатор.

Има две опции за GET и POST. Няма да описвам в този пост как се различават тези два метода. Това е тема за друга статия.

Ако не посочите този атрибут, тогава методът GET ще се използва по подразбиране .

Нека добавим тези два атрибута към нашата форма:

Сега нашата униформа практически работи. Посочихме къде трябва да бъдат изпратени данните, които потребителят ще въведе, използвайки атрибута за действие, и посочихме как тези данни трябва да бъдат изпратени.

Следните атрибути са много по-рядко срещани за решаване на конкретни проблеми, но все пак ще говоря малко за тях.

3) enctype - с помощта на този атрибут можете да посочите типа на съдържанието/типа съдържание, което ще бъде изпратено до сървъра.

4) accept - указва разделен със запетая списък с типове съдържание, които да бъдат изпратени на сървъра.

4) accept - charset - задава списък с текстови кодировки, които ще бъдат докладвани на програмата (скрипт).

С първото действие, всичко, преминете към второто.

2 действие. Създаване на контрол - бутон, при щракване данните ще бъдат изпратени до програмата за обработка.

Добре, създадохме уеб формуляр с вас, но потребителят трябва да извърши някакво действие, така че въведените от него данни да бъдат изпратени до програмата за обработка. Това обикновено се прави чрез създаване на бутон с атрибут type = "submit" .

Нека добавим този бутон към нашия уеб формуляр точно сега. Говорих за това как са създадени бутоните в предишния урок.

Само след тези две стъпки можете да помислите, че вашата форма ще работи. Както можете да видите, тагът на формуляра е много важен елемент за създаване на уеб формуляри. Сега знаете защо имате нужда от него и как да го използвате.

Това е всичко за днес. Ще се видим!

Потребителят може да попълни тези полета, но това няма да промени нищо. За да може браузърът да започне да възприема тази форма като една структура, трябва да извършите две действия:

1 действие. Кажете на браузъра, че тези текстови полета са една, една форма.

Специален таг, който ви позволява да направите това, е маркерът на формуляра. form е специален елемент, който ви позволява да комбинирате много елементи на формуляра в една структура и казва на браузъра да третира тази структура като цяло.

Използвайки маркера на формуляра, можем да кажем на браузъра, където конкретно и как трябва да изпратите данните, които са въведени в елементите на формуляра, за да могат да бъдат обработени от специална програма.

Маркерът на формата е като контейнер, който съхранява елементи на формуляра. Това е сдвоен маркер. Зоната на нейното действие, между отварянето и затварянето, определя елементите, които ще бъдат част от формуляра.

Да се ​​върнем към предишния ни пример и да се опитаме да обгърнем елементи от формуляра с този таг:

Между другото, искате да знаете дали има някакъв смисъл в даден елемент на вашия сайт, използвайки „целите“ на Yandex Metrics и Google Analytics?

Отнемете това, което НЕ работи, добавете това, което работи и удвоете долната си линия.