HTML5 - Създаване на формуляр

Формулярите са елементи в HTML 5, които позволяват събирането на данни чрез други дъщерни елементи, за да обработим тези данни ще ни е необходим допълнителен език, за да можем да използваме данните, изпратени от формуляра, маркерът, който ще използваме като голям контейнер ще бъде форма.
Създайте основна форма
За да генерираме формуляр, трябва да използваме етикета форма Това ще бъде нашият страхотен контейнер, в него ще групираме елементи за въвеждане на данни, имена на секции и бутони, които ще посочат някакво конкретно действие; основните компоненти, които трябва да влязат в форма са: вход Y бутон и основните атрибути, които носи, са действие Y метод Това не са единствените свързани елементи, но те са най -важните, защото определят основата, с която трябва да работим.
Нека да видим по -долу как да генерирате основна форма:

 Пример Изпратете гласуване 

Както виждаме форма обхваща елементите вход Y бутон. В този случай той също използва атрибутите метод Y действие които споменахме по -рано, нека опишем всеки от тях.

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

• Бутон: Този елемент ни позволява да създадем бутон във формуляра, като цяло бутоните са тези, които ще ни кажат, че когато ги натискаме, формулярът ще бъде обработен, в случая с нашия пример не поставяме никакви атрибути, така че когато ние натиснете, нищо няма да се случи.

• Метод: Това е атрибут на маркера форма, Това е от жизненоважно значение, тъй като това е кой посочва начина, по който потребителската информация, събрана от формуляра, ще бъде предадена, тя може да има две стойности POST Y ПОЛУЧАВАЙТЕ.

Първият ще изпрати данните чрез http, за да можем да изпратим данните по скрит начин и само целевата страница може да ги получи, този метод е доста безопасен и ни позволява да изпращаме чувствителните данни на формуляра.
Вторият ще изпрати данните като параметри в URL адреса, това не е много безопасно, защото всеки с минимални познания може да интерпретира изпратеното и може би ще се опита да промени информацията, обикновено се използва за предаване на данни, които са малко чувствителни, като страница със списъци, контролен статус, който не засяга програмата, идентификатори на заявки и т.н.

• Действие: Този атрибут контролира на коя страница ще отиде формулярът, т.е. кой ще получи данните. Ако формулярът е пропуснат, той ще бъде изпратен на същата страница, която го съдържа.

Нека видим по -нататък какво ни е дал нашият основен пример.

Както виждаме, това е поле за въвеждане на текст и бутон без нищо допълнително, което ни позволява да го изпратим на друга страница, където можем да го обработим с език за програмиране.
С това приключваме урока, вече имаме представа как да изградим основни форми, кои елементи са от съществено значение и целта на техните атрибути.
Ако се интересувате от задълбочаване, погледнете другия ми урок:
Разширени форми в HTML5Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка