Користење на ознаката за внесување за да поднесете обрасци
Формите HTML се еден од најосновните начини за додавање интерактивност на вашата веб-страница. Можете да поставувате прашања и да добивате одговори од вашите читатели, да доставувате дополнителни информации од бази на податоци, да поставувате игри и друго. Постојат голем број на HTML елементи што можете да ги користите за да ги изградите вашите форми. И штом еднаш сте ја изградиле вашата форма, постојат многу различни начини да ги доставите тие податоци до серверот или само да ја започнете активната форма на акција.
Ова се неколку начини на кои можете да ги доставите вашите формулари:
- <влез тип = "достави">
- Ова е најчестиот метод за добивање податоци до серверот, но може да биде многу едноставен изглед.
- <тип на влез = "слика">
- Користењето на сликата го прави многу лесно да го направите копчето за поднесување со стилот на вашиот сајт. Но, некои луѓе можеби не го препознаваат како копче за доставување.
- <тип на влез = "копче">
- Копчето INPUT таг дава многу исти опции како сликата INPUT таг, но изгледа повеќе како стандарден тип на поднесување. Се бара JavaScript за активирање.
- <копче>
- Копчето BUTTON е повеќе разноврсен тип на копче од ознаката INPUT. Оваа ознака бара Javacript да се активира.
- <команда тип = "команда">
- Елементот COMMAND е нов во HTML5, и обезбедува начин за активирање на скрипти и форми со поврзани активности. Се активира со JavaScript.
Елементот INPUT
Елементот INPUT е најчестиот начин за доставување на форма, се што треба да направите е да изберете тип (копче, слика или да поднесете) и ако е потребно додадете некои скрипти за да поднесете форма на акција.
Елементот може да биде напишан токму така. Но, ако го направите тоа, ќе имате различни резултати во различни пребарувачи. Повеќето прелистувачи прават копче кое вели "поднеси", но Firefox прави копче кое вели "Поднеси барање". За да го смените она што го вели копчето, треба да додадете атрибут:
вредност = "Поднеси образец">
Елементот е напишан вака, но ако ги оставите сите други атрибути, сето тоа ќе се прикаже во прелистувачите е празно сиво копче. За да додадете текст на копчето, користете ја вредноста на атрибутот. Но, ова копче нема да го достави формуларот освен ако не користите JavaScript.
onclick = "submit ();">
Сличен е на типот на копче, кој има потреба од скрипта за да ја достави формата. Освен тоа што наместо текст вредност, треба да додадете URL на извор на сликата.
src = "submit.gif">
Конечниот елемент
Елементот BUTTON бара обележувач за отварање и таг за затворање Кога го користите, секоја содржина што ја ставате во тагот ќе биде затворена со едно копче. Потоа го активирате копчето со скрипта.
Прати формулар
Можете да вклучите слики во вашето копче или да ги комбинирате сликите и текстот за да креирате поинтересен копче.
Прати формулар
КОМАНДОТ елемент
Елементот COMMAND е нов со HTML5. Не се бара да се користи ФОРМ, но може да дејствува како копче за доставување на формуларот. Овој елемент ви овозможува да креирате повеќе интерактивни страници без да барате форми, освен ако навистина ви се потребни форми. Ако сакате командата да каже нешто, ќе ја напишете информацијата во атрибут на label.
label = "Испрати формулар">
Ако сакате вашата команда да биде претставена со слика, ја користите иконата атрибут.
icon = "submit.gif">
Оваа статија е дел од Упатството за HTML форми. Прочитајте го целото упатство за да научите како да користите HTML-обрасци.
Формите на HTML имаат неколку различни начини за поднесување, како што сте научиле на претходната страница. Двајца од овие методи се ознаката INPUT и ознаката BUTTON. Постојат добри причини да ги користите двата од овие елементи.
Елементот INPUT
Тагот е најлесниот начин да поднесете форма. Не бара ништо друго освен самата ознака, дури ни вредност. Кога клиентот ќе кликне на копчето, тој автоматски ќе поднесе. Не треба да додавате никакви скрипти, прелистувачите знаат да ја достават формата кога е кликнато подносот INPUT.
Проблемот е што ова копче е многу грд и обичен. Не можете да додадете слики на неа. Можете да го стилизирате исто како и секој друг елемент, но сепак може да се чувствувате како грдо копче.
Користете го INPUT методот кога вашата форма мора да биде достапна дури и во прелистувачите кои имаат исклучен JavaScript.
Конечниот елемент
Елементот BUTTON нуди повеќе опции за поднесување на формулари. Можете да ставите нешто внатре во елементот BUTTON и да го претворите во копче за доставување. Најчесто луѓето користат слики и текст. Но, може да создадете DIV и да ја направите целата работа копче за доставување доколку сакате.
Најголемата недостаток на елементот BUTTON е тоа што тој автоматски не ја доставува формата. Ова значи дека треба да има некој тип скрипта за да се активира. И затоа е помалку пристапна од методот INPUT. Секој корисник кој нема вклучен JavaScript, нема да може да поднесе образец со само елемент BUTTON за да го достави.
Користете го копчето BUTTON на форми кои не се толку критични. Исто така, ова е одличен начин да додадете дополнителни опции за поднесување во една форма.
Оваа статија е дел од Упатството за HTML форми . Прочитајте го за да дознаете повеќе за тоа како да користите HTML форми