Коришћење Инпут Таг за доставу образаца
ХТМЛ образци су један од најнапреднијих начина за додавање интерактивности на вашу веб страницу. Можете постављати питања и тражити одговоре од својих читалаца, пружити додатне информације из база података, поставити игре и још много тога. Постоји неколико ХТМЛ елемената које можете користити за изградњу образаца. И једном када сте изградили свој образац, постоји много различитих начина за подношење тих података на сервер или само покретање акционе форме.
На неколико начина можете поднети своје форме:
- <инпут типе = "пошаљи">
- Ово је најчешћи начин добијања података на серверу, али то може бити врло једноставан изглед.
- <инпут типе = "имаге">
- Коришћење слике чини веома једноставно да ваш тастер за слање одговара стилу вашег сајта. Али неки људи можда то не препознају као дугме за слање.
- <инпут типе = "буттон">
- Дугме ИНПУТ таг даје пуно истих опција као слика ИНПУТ ознака, али више изгледа као стандардни тип за подношење. Захтева ЈаваСцрипт да се активира.
- <дугме>
- Ознака БУТТОН је вишеструки тип дугмета од ознаке ИНПУТ. Ова ознака захтева Јавацрипт да активира.
- <цомманд типе = "команда">
- Елемент ЦОММАНД је нови у ХТМЛ5, а он нуди начин активирања скрипти и форми са придруженим акцијама. Активира се са ЈаваСцрипт-ом.
Елемент ИНПУТ
Елемент ИНПУТ је најчешћи начин за подношење форме, све што радите јесте одабрати тип (дугме, слику или слање), а ако је потребно додајте и неке скрипте да бисте поднели акцију форми.
Елемент <инпут типе = "субмит"> се може написати тако слично. Али ако то учините, ви ћете имати различите резултате у различитим прегледачима. Већина претраживача чине дугме које пише "Пошаљи", али Фирефок прави тастер који каже "Пошаљи упит". Да бисте променили оно што каже на дугмету, требало би додати атрибут:
вредност = "Пошаљи Образац">
Елемент је написан такав, али ако оставите све остале атрибуте, све што ће се приказати у прегледачима је празно сиво дугме. Да бисте додали текст на дугме, користите атрибут вриједности. Али ово дугме неће послати образац осим ако не користите ЈаваСцрипт.
онцлицк = "пошаљи ();">
Сличан је типу типке, за који је потребан скрипт за доставу формулара. Осим што уместо текстуалне вредности, морате додати изворни УРЛ слике.
срц = "субмит.гиф">
БУТТОН Елемент
Елемент БУТТОН захтева и отварачу ознаку и затварајућу ознаку Када га користите, било који садржај који се налази унутар ознаке биће затворен у дугме. Затим активирате тастер са скриптом.
Пошаљите образац
Можете укључити слике на својој дугми или комбиновати слике и текст да бисте направили још интересантније дугме.
Пошаљите образац
Командни елемент
Елемент ЦОММАНД је нови са ХТМЛ5. Не захтева ФОРМ да се користи, али може да делује као дугме за подношење формулара. Овај елемент вам омогућава да креирате више интерактивних страница без захтијевања форме осим ако вам заиста не требају форме. Ако желите команду да нешто каже, уписујете информације у атрибут ознаке.
лабел = "Пошаљи образац">
Ако желите да ваша команда буде представљена сликама, користите атрибут иконе.
ицон = "субмит.гиф">
Овај чланак је дио ХТМЛ образаца. Прочитајте комплетан водич како бисте научили како користити ХТМЛ обрасце.
ХТМЛ образци имају неколико различитих начина за слање, као што сте научили на претходној страници. Два од тих метода су ознака ИНПУТ и ознака БУТТОН. Постоје добри разлози за коришћење оба ова елемента.
Елемент ИНПУТ
Ознака је најлакши начин да пошаљете образац. Не захтева ништа осим саме ознаке, чак ни вредности. Када клијент кликне на дугме, аутоматски се подноси. Не морате додавати никакве скрипте, прегледачи знају да пошаљу образац када се кликне на ИНПУТ ознаку.
Проблем је што је ово дугме веома ружно и једноставно. Не можете додати слике њему. Можете га обликовати као и сваки други елемент, али се и даље може осећати као ружно дугме.
Користите ИНПУТ метод када ваш формулар мора бити приступачан чак иу претраживачима који имају искључен ЈаваСцрипт.
БУТТОН Елемент
Елемент БУТТОН нуди више могућности за подношење образаца. Можете ставити било шта унутар БУТТОН елемента и претворити га у дугме за слање. Најчешће људи користе слике и текст. Али могли бисте направити ДИВ и учинити ту цијелу ствар гумб за слање ако желите.
Највећи недостатак елемента БУТТОН је то што аутоматски не доставља образац. То значи да мора бити неки тип скрипте да би је активирао. И тако је мање доступна од ИНПУТ методе. Сваки корисник који нема укључен ЈаваСцрипт неће моћи да пошаље образац само са елементом БУТТОН-а да га пошаље.
Користите методу БУТТОН на формама које нису толико критичне. Такође, ово је одличан начин додавања додатних могућности подношења у једном облику.
Овај чланак је дио ХТМЛ образаца . Прочитајте то да сазнате више о томе како користити ХТМЛ обрасце