HTML формулярите са един от най-основните начини за добавяне на интерактивност към уебсайта Ви. Можете да зададете въпроси и да потърсите отговори от вашите читатели, да предоставите допълнителна информация от бази данни, настройки на игри и др. Има няколко HTML елемента, които можете да използвате, за да създадете вашите формуляри. И след като сте създали формуляра си, има много различни начини да изпратите тези данни на сървъра или просто да стартирате действието на формуляра.
Това са няколко начина, по които можете да изпратите формулярите си:
-
- Това е най-често срещаният метод за получаване на данни на сървъра, но може да бъде много ясен.
-
- Използването на изображение прави много удобно бутона за изпращане да съответства на стила на вашия сайт. Но някои хора може да не го разпознаят като бутон за изпращане.
-
- Бутонът
ВХОД маркер дава много от същите опции като изображението
ВХОД маркер, но изглежда по-скоро като стандартен вид подаване. Той изисква JavaScript, за да се активира.
- Бутонът
-
- Най-
БУТОН маркер е по - гъвкав тип бутон от този
ВХОД маркер. Този маркер изисква Javacript да се активира.
- Най-
- Най-
COMMAND елементът е нов в HTML5 и предоставя начин за активиране на скриптове и формуляри със свързани действия. Той се активира с JavaScript.
- Най-
Елементът INPUT
Входът
ВХОД елемент е най-честият начин да подадете формуляр, всичко, което направите, е да изберете тип (
бутон,
изображение, или
Изпращане) и при необходимост добавете скриптове, за да ги подадете в действието на формуляра.
Най- елемент може да бъде написан точно така. Но ако го направите, ще имате различни резултати в различни браузъри. Повечето браузъри правят бутон "Изпращане", но Firefox прави бутон "Изпращане на заявка". За да промените това, което казва бутонът, трябва да добавите атрибут:
value = "Изпращане на формуляр">
Елементът е написан по този начин, но ако изключите всички други атрибути, всичко, което ще се показва в браузърите, е празен сив бутон. За да добавите текст към бутона, използвайте
стойностатрибут. Този бутон обаче няма да изпрати формуляра, освен ако не използвате JavaScript.
OnClick = "бутона ()">
Тя е подобна на
бутонтип, който се нуждае от скрипт за изпращане на формуляра. С изключение на това, че вместо текстова стойност трябва да добавите URL адрес на източника на изображение.
Бутонът Елемент
Най-
БУТОНелементът изисква както таг за отваряне, така и затварящ маркер. Когато го използвате, всяко съдържание, което поставяте в етикета, ще бъде приложено в един бутон. След това активирате бутона със скрипт.
Подай формуляр
Можете да включвате изображения в своя бутон или да комбинирате изображения и текст, за да създадете по-интересен бутон.
Командния елемент
Най-
COMMANDелементът е нов с HTML5. Не се изисква
ФОРМА да се използва, но може да действа като бутон за изпращане на формуляр. Този елемент ви позволява да създавате по-интерактивни страници без да изисквате формуляри, освен ако наистина не се нуждаете от формуляри. Ако искате командата да каже нещо, напишете информацията в a
етикетатрибут.
етикет = "Изпращане на формуляр">
Ако искате командата ви да бъде представена от изображение, използвайте
иконаатрибут.
икона = "submit.gif">
HTML формулярите имат няколко различни начина за подаване, както сте научили на предишната страница. Два от тези методи са
ВХОДтаг и
БУТОНмаркер. Има добри причини да използвате и двата елемента.
Входният елемент
Маркерът е най-лесният начин да подадете формуляр. Тя не изисква нищо отвъд самия таг, дори и не
стойностКогато клиент кликне върху бутона, той автоматично се подава. Не е необходимо да добавяте скриптове, браузърите знаят, че трябва да подадат формуляра при изпращане
ВХОДкликнете върху маркера.
Проблемът е, че този бутон е много грозен и ясен. Не можете да добавяте изображения към него. Можете да го стил като всеки друг елемент, но той все още може да се почувства като грозен бутон.
Използвай
ВХОД, когато формулярът ви трябва да е достъпен дори и в браузъри, чийто JavaScript е изключен.
Елементът BUTTON
Най-
БУТОНелемент предлага повече възможности за подаване на формуляри. Можете да поставите нещо вътре
БУТОНелемент и го превърнете в бутон за изпращане. Най-често хората използват изображения и текст. Но можете да създадете
DIV и да направите това цялото нещо бутон за изпращане, ако искате.
Най - големият недостатък на
БУТОНелемент е, че той автоматично не изпраща формуляра. Това означава, че трябва да има някакъв тип скрипт, за да го активирате. И така, той е по-малко достъпен от
ВХОДметод. Всеки потребител, който няма включен JavaScript, няма да може да изпрати формуляр само с
БУТОНелемент, за да го изпратите.
Използвай
БУТОНметод, който не е толкова критичен. Също така, това е чудесен начин да добавите допълнителни опции за подаване в един формуляр.
