Креирање дугмади за подношење на ХТМЛ формулама

ХТМЛ образци су један од најнапреднијих начина за додавање интерактивности на вашу веб страницу. Можете постављати питања и тражити одговоре од својих читалаца, пружити додатне информације из база података, поставити игре и још много тога. Постоји неколико ХТМЛ елемената које можете користити за изградњу образаца. И једном када сте изградили свој образац, постоји много различитих начина за подношење тих података на сервер или само покретање акционе форме.

На неколико начина можете поднети своје форме:

- Ово је најчешћи начин добијања података на серверу, али то може бити врло једноставан изглед.
- Коришћење слике чини веома једноставно да ваш тастер за слање одговара стилу вашег сајта. Али неки људи можда то не препознају као дугме за слање.
- Дугме
  УЛАЗНИ таг даје пуно истих опција као и слика
  УЛАЗНИ таг, али више изгледа као стандардни тип за подношење. Захтева ЈаваСцрипт да се активира.
- Тхе
  БУТТОН ознака је више свестрани тип дугмета него што је
  УЛАЗНИ таг. Ова ознака захтева Јавацрипт да активира.
- Тхе
  ЦОММАНД елемент је нови у ХТМЛ5, а он нуди начин активирања скрипти и форме са придруженим акцијама. Активира се са ЈаваСцрипт-ом.

Елемент ИНПУТ

Улаз

УЛАЗНИ елемент је најчешћи начин за подношење образаца, све што радите јесте одабир типа (

дугме,

слика, или

прихвати) и ако је потребно, додајте неке скрипте да бисте поднели акцију форми.

Тхе елемент се може писати управо тако. Али ако то учините, ви ћете имати различите резултате у различитим прегледачима. Већина претраживача чине дугме које пише "Пошаљи", али Фирефок прави тастер који каже "Субмит Куери." Да бисте променили оно што тастер каже, додајте атрибут:

вредност = "Пошаљи Образац">

Елемент је написан такав, али ако оставите све остале атрибуте, све што ће се појавити у прегледачима је празно сиво дугме. Да бисте додали текст на дугме, користите

вредностатрибут. Али ово дугме неће послати образац осим ако не користите ЈаваСцрипт.

онцлицк = "пошаљи ();">

Слично је оном

дугметипа, за који је потребан скрипт за доставу формулара. Осим што уместо текстуалне вредности, морате додати изворни УРЛ слике.

срц = "субмит.гиф">

Елемент дугмета

Тхе

БУТТОНелемент захтева и отварање ознака и затварајућу ознаку. Када га користите, сваки садржај који се налази унутар ознаке ће бити затворен у дугме. Затим активирате тастер са скриптом.

Пошаљите образац

Можете укључити слике на својој дугми или комбиновати слике и текст да бисте направили још интересантније дугме.

Пошаљите образац

Командни елемент

Тхе

ЦОММАНДелемент је нови са ХТМЛ5. Не захтева а

ФОРМ да се користи, али може да делује као дугме за подношење формулара. Овај елемент вам омогућава да креирате више интерактивних страница без захтијевања форме осим ако вам заиста не требају форме. Ако желите команду да нешто каже, уписујете информације у а

етикетаатрибут.

лабел = "Пошаљи образац">

Ако желите да ваша команда буде представљена сликама, користите

иконаатрибут.

ицон = "субмит.гиф">

ХТМЛ образци имају неколико различитих начина за слање, као што сте научили на претходној страници. Две од тих метода су

УЛАЗНИтаг и

БУТТОНтаг. Постоје добри разлози за коришћење оба ова елемента.

Улазни елемент

Ознака је најлакши начин да пошаљете образац. Не захтева ништа осим саме ознаке, чак ни а

вредностКада клијент кликне на дугме, аутоматски се подноси. Не морате додавати било какве скрипте, прегледачи знају да пошаљу образац када пошаљу

УЛАЗНИознака је кликнута.

Проблем је што је ово дугме веома ружно и једноставно. Не можете додати слике њему. Можете га обликовати као и сваки други елемент, али се и даље може осећати као ружно дугме.

Користити

УЛАЗНИметода када ваш формулар мора бити доступан чак иу претраживачима који имају искључен ЈаваСцрипт.