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

За да създадете HTML форма, се използва таг

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

,

Как работят стандартните HTML форми

HTML формите бяха измислени и най-вече стандартизирани с появата на асинхронни javascript и сложни уеб приложения. Днес се използват форми за въвеждане, бутони и други механизми за взаимодействие, но въз основа на система, базирана на парадигмата за HTTP заявка и отговор. Когато даден потребител зарежда страница, се изпраща HTTP заявка (обикновено така наречената GET заявка). Той се изпраща от браузъра ви на сървъра и сървърът обикновено отговаря на уеб страницата, която потребителят търси. Това взаимодействие е налицеедин от най-фундаменталните понятия в интернет. И това обяснява точно как HTML формира работата.

Процесът на обмен на информация със сървъра

Всичко, което включва такива елементи като, са вътре

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


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

определя местоположението (URL), където трябва да се изпращат събраните данни.

Как изглежда сървърът

Когато формуляр се изпраща с двойка име-стойност и всички полета вътре в

елементи се включват в HTTP. Иска се заявка за URL адреса, определен в формуляра за действие. Типът на заявката (GET или POST) ще бъде в атрибута на метода. Това означава, че всички данни, предоставени от потребителя, се изпращат на сървъра незабавно в процеса на изпращане на формуляра и сървърът може да прави каквото си иска с тези данни. Когато сървър получи формуляр за изпращане, той го възприема като всяка друга HTTP заявка. Сървърът прави всичко необходимо с включените данни и го издаваотговорете обратно на браузъра.
Ако си спомняте, че зареждането на страница е отговор, можете да видите, че същото се случва и тук. В типична форма, създадена с етикет

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

Уеб-базирани приложения и формуляри без етикет

Съвременните интерактивни уеб приложения използват javascript, за да изпълняват асинхронни http заявки. Това са сървърни обаждания, които не предизвикват рестартиране на страници. Те не разчитат на етикет

- HTML елемент, вграден в поведението. Те не интегрират всички потребителски данни в едно цяло и не ги изпращат веднага. Поради тази причина много HTML + JS роботи в уеб приложенията не използват тагове

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

Повече за формата

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

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

е може би най-сложният аспект в HTML.

Каква е формата на

? HTML форма се състои от една или повече джаджи. Те могат да бъдат текстови полета с един ред или много редове, полета за избор, бутони или ключове. Най-често те са свързани с атрибут, който описва тяхната цел - правилно прилагани, могат ясно да инструктират и зрителите, и слепите потребители как да влязат във входната форма. Атрибутът е свързан правилно с техните атрибути за и id съответно. В този случай за таг се отнася до атрибут id на съответната джаджа, а читателят от екрана, като го използва, ще прочете в какво е написано. ​​В допълнение към структурите, специфични за етикета

, е важно да се помни, че формите са просто код в HTML езика. Това означава, че можете да използвате цялата сила на HTML, за да структурирате формите. Обичайната практика е да се използва етикет за обгръщането на елементи с етикет. Също така широко се използват HTML списъци, за структуриране на използването на няколко квадратчета или радио бутони. След като създадете полетата за въвеждане, остава да добавите бутона с помощтамаркирайте и проверете резултата. Гъвкавостта на HTML формите ги прави една от най-сложните структури в HTML формат. Но с помощта на правилната структура при конструирането на HTML форма, може да се гарантира, че тя ще бъде едновременно удобна и достъпна едновременно.