Како да направите ХТМЛ образац (објашњени примери)

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

Структура ХТМЛ обрасца

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

улазни елементи иду овде

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

Тект Фиелдс

Текстуална поља се креирају помоћу ознаке са атрибутом тип легао на текст. На пример:

име:




Телефон

Елемент користи се за поља за унос броја телефона.

Телефон:


Датум

Елемент користи се за одабир датума.

Датум рођења:


Лозинка

Елемент користи се за поља за унос лозинке. Текст унет у ово поље се приказује као тачке да би се сакрила лозинка.

Лозинка:


Архива

Елемент се користи да омогући кориснику да изабере датотеку из свог локалног система датотека.

Отпреми датотеку:


Поље за потврду

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

Прихватам услове и одредбе

Радио

Елемент користи се за поља за унос која омогућавају кориснику да изабере једну опцију из скупа опција.

Пол:

Човече

Жене

Број

Елемент користи се за нумеричка поља за унос.

Износ:


Домет

Елемент користи се за поља за унос која морају да садрже вредност из опсега вредности.

Волумен:




Дугмад

Дугмад се креирају помоћу ознаке са атрибутом тип легао на прихвати. Ово дугме, када се притисне, ће послати податке обрасца. На пример:

име:




Руковање уносом обрасца

Када се притисне дугме за слање, подаци обрасца се предају на обраду. Ово се ради на један од два метода: ГЕТ или ПОСТ, који су наведени помоћу атрибута методом У етикети .

ГЕТ метод

Метода ГЕТ шаље податке обрасца као део УРЛ адресе. Корисно је за ствари као што су претраге, где подаци обрасца нису осетљиви. Међутим, овај метод има ограничења у погледу дужине података који се могу послати.

улазни елементи иду овде

ПОСТ метода

ПОСТ метода шаље податке обрасца одвојено од УРЛ-а. Ово је безбедније и може да обрађује много већу количину података, па се користи за ствари као што су слање контакта или обрасца за пријаву.

улазни елементи иду овде

У оба случаја, атрибут поступак се користи за одређивање УРЛ-а скрипте на страни сервера која ће обрадити податке обрасца.

Пример ХТМЛ форме са свим елементима 

Ево обрасца који користи све елементе које смо прегледали у овом чланку:

Образац за регистрацију

име:



Презиме:



Е-маил:



Телефон:



Датум рођења:



Лозинка:



Отпреми датотеку:



Прихватам услове и одредбе


Пол:

Човече

Жене

Износ:



Волумен:




Овај образац има поља за име, презиме, е-пошту, телефон, датум рођења, лозинку, поље за отпремање фајл, поље за потврду за услове и одредбе, радио за одабир пола и поља за број и опсег за количину и обим, редом.

Дугме „Пошаљи“ на крају је оно које би било задужено за слање обрасца на УРЛ наведен у атрибуту поступак Од етикете облик (у овом случају, "/субмит_форм"). Да би овај образац функционисао на стварној веб локацији, требало би да имате сервер конфигурисан да прима и обрађује информације из овог обрасца на путањи „/субмит_форм“.