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