Прављење дугмади помоћу ХТМЛ улазних ознака у обрасцима

Направите прилагодљива дугмад за текст у ХТМЛ помоћу улазни ознака. Тхе улазни елемент се користи у оквиру а облик елемент.

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


Тхе улазни таг неће послати ХТМЛ образац; морате укључити ЈаваСцрипт за руковање предајом података у облику. Без ЈаваСцрипт-а онцлицк У случају да се на дугме може кликнути, ништа се неће догодити, а ви ћете фрустрирати читаоце.

Алтернатива ознаке „дугме“

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

instagram viewer

Наведите дугме тип атрибут у било којем дугме ознаке. Постоје три различите врсте:

  • дугме: Дугме нема својствено понашање, али се користи заједно са скриптама које се изводе на страни клијента и које се могу прикачити на дугме и извршити када се на њих кликне.
  • ресетовати: Ресетује све вредности.
  • прихвати: Дугме доставља податке обрасца серверу (ово је подразумевана вредност ако није дефинисан тип).

Остали атрибути укључују:

  • име: Даје дугмету референцно име.
  • вредност: Одређује вредност која ће се првобитно доделити дугмету.
  • онемогућити: Искључује дугме.

Идемо даље са дугмадима

ХТМЛ5 додаје додатне атрибуте дугме ознака која проширује његову функционалност.

  • аутофокус: Када се страница учита, ова опција наводи да је ово дугме фокус. На страници се може користити само један аутофокус.
  • облик: Повезује дугме са одређеним обрасцем у истом ХТМЛ документу, користећи идентификатор обрасца као вредност.
  • формација: Користи се само са типе = "субмит" и УРЛ као вредност, он одређује где ће бити послати подаци из обрасца. Често је одредиште ПХП скрипта или нешто слично,
  • форменцтипе: Користи се само са типе = "субмит" атрибут. Дефинише како се подаци обрасца кодирају када се предају серверу. Три вредности су апплицатион / к-ввв-форм-урленцодед (Уобичајено), подаци са више делова / образаца, и текст / обичан.
  • формметход: Користи се само са типе = "субмит" атрибут. Ово одређује који ХТТП метод треба користити приликом слања података обрасца добити или пошта.
  • формновалидате: Користи се само са типе = "субмит" атрибут. Подаци обрасца неће бити потврђени приликом слања.
  • формтаргет: Користи се само са типе = "субмит" атрибут. Ово указује на то где би одговор веб локације требало да буде приказан када се предају подаци обрасца, на пример у новом прозору итд. Опције вредности су или_празно, _себе, _видно, _врх, или одређено име оквира.

Прочитајте више о израда дугмади у ХТМЛ обрасцима, и како да своју веб страницу учините кориснијом.