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