HTML формите са много мощен инструмент за взаимодействие с потребителите, но по технически причини не винаги е очевидно как да ги използвате в пълния им потенциал. Простото подаване на данни не е достатъчно в този случай - трябва също така да се уверите, че данните, които потребителите попълват във формуляри, ще бъдат изпратени в правилния формат, който е необходим за успешното им обработване и че това няма да наруши съществуващите приложения. Също така е важно да помогнете на потребителите да попълват формулярите правилно и да не се разочароват, когато се опитват да използват приложения.
Етикетът се използва за създаване на HTML формуляр. Той всъщност не създава поле, но се използва като родителски контейнер за елементи като. Независимо дали искате да направите прост формуляр за абонамент с редовно плащане и плащане, или интерактивни уеб приложения, ще трябва да използвате тагове на HTML елементи, за да работите, най-важният от които е.
Колко стандартноHTML формуляри
HTML формуляри бяха изобретени и до голяма степен стандартизирани преди появата на асинхронен JavaScript и сложни уеб приложения. Днес се използват въвеждане на формуляри, бутони и други механизми за взаимодействие, но в основата на това е система, базирана на парадигмата на HTTP заявка и отговор.
Когато потребител зареди страница, се изпраща http заявка (обикновено така наречената GET заявка). Изпраща се от вашия браузър до сървъра и обикновено сървърът отговаря с уеб страницата, която потребителят търси. Това взаимодействие е една от най-фундаменталните концепции на Интернет. И това обяснява как точно работят HTML формите.
Процесът на обмен на информация със сървъра
Всеки, който включва елементи като, се намира вътре и има атрибут name (име), както и неговата стойност. Стойността се определя по различни начини. За текст това ще бъде стойността, която е въведена в полето от потребителя на сайта. За радио бутон, стойността на избраната опция. Потребителят може да зададе стойността, но най-често не може да зададе атрибута name. Това създава набор от двойки име/стойност, където стойностите се определят от въвеждането на потребителя.
Основната разлика между формуляр и обикновен HTML документ е, че в повечето случаи данните, събрани от формуляр, се изпращат до уеб сървър. В този случай трябва да настроите уеб сървър за получаване и обработка на данни. атрибут за действие на маркерапосочва местоположението (URL), където трябва да бъдат изпратени събраните данни.
Как изглежда отговорът на сървъра
Когато формулярът е изпратен, двойките име-стойност и всички полета в елемента се включват в HTTP. Прави се заявка до URL адреса, посочен във формата на атрибута action. Типът на заявката (GET или POST) ще бъде в атрибута на метода. Това означава, че всички предоставени от потребителя данни се изпращат на сървъра веднага след изпращането на формуляра и сървърът може да прави каквото пожелае с тези данни. Когато сървърът получи подаване на формуляр, той го третира като всяка друга HTTP заявка. Сървърът прави каквото трябва с включените данни и изпраща отговор обратно на браузъра.
Ако си спомняте, че зареждането на страницата е отговорът, ще забележите, че същото се случва и тук. В типична форма, създадена с маркера, отговорът е нова страница, заредена от браузъра. Обикновено новата страница замества текущото съдържание, но това може да бъде отменено с атрибута target. По-голямата част от онлайн формулярите работят по този начин, поради което потребителят бива изпратен до страница за благодарности, когато попълни формуляр за абонамент по имейл.
Уеб приложения и формуляри без етикет
Модерните интерактивни уеб приложения използват JavaScript код, за да правят асинхронни http заявки. Това са извиквания към сървъра, които не предизвикват презареждане на страницата. Те не разчитат на таг - HTML елемент, вграден в поведението. Те не обединяват всички данни в едно цяло.потребител и не ги изпращайте веднага. Поради тази причина много дизайнери на оформление на HTML + JS в уеб приложения не използват маркера във всички формуляри. По-често те просто го използват като вид контейнер за различни видове полета и елементи за въвеждане. В този случай използваните атрибути за метод и действие няма да се виждат.
Още за формулярите
HTML формуляри са един от акцентите при взаимодействието на потребителя с уебсайт или приложение. Те позволяват на потребителите да изпращат данни на сайта. През повечето време данните се изпращат до уеб сървъра, но уеб страницата може също да ги прихване, за да ги използва самостоятелно. Има много елементи, свързани с формата - различни видове бутони, селектори за различни видове, механизми за обратна връзка. Следователно може да е трудно да се реши какви стойности да се присвоят на атрибутите на етикета. Когато става въпрос за създаване на формуляри, трябва да ги накарате да работят на различни размери на екрана. Важно е те да бъдат достъпни за хора с увреждания. Ето защо формулярите и маркерите за атрибути са може би най-сложният аспект на HTML.
От какво се състои формата
HTML формуляр се състои от една или повече джаджи. Те могат да бъдат едноредови или многоредови текстови полета, полета за избор, бутони или бутони за избор. Те най-често се свързват с атрибут, който описва предназначението им - правилно приложените могат ясно да инструктират както зрящи, така и незрящи потребители как да стигнат до формата за въвеждане. Атрибутсвързани правилно с техните атрибути for и id, съответно. Етикетът for след това се отнася до атрибута id на съответната джаджа и екранният четец, използвайки го, ще прочете какво е написано в него.
Освен структурите, специфични за етикета, важно е да запомните, че формулярите са само HTML код. Това означава, че можете да използвате цялата мощ на HTML, за да структурирате вашите формуляри. Често срещана практика е използването на етикета за обвиване на елементи, маркирани с
. HTML списъците също са широко използвани; множество квадратчета за отметка или радио бутони се използват за структуриране. След като създадете полетата за въвеждане, остава да добавите бутон с помощта на етикета и да проверите резултата. Гъвкавостта на HTML формите ги прави една от най-сложните структури в HTML формата. Но с правилната структура, когато създавате HTML формуляр, можете да гарантирате, че той е едновременно използваем и достъпен.
