Увод у елементе ХТМЛ обрасца

У технологијама за развој веба (посебно за фронт-енд), „ХТМЛ“ је основни или примарни означни језик који користимо за приказивање веб страница (страница коју видимо на веб локацији). Понекад на ХТМЛ страници, заједно са приказом осталих садржаја, морамо да узмемо и неке корисничке уносе (посебно на динамичним веб локацијама). А да бисмо корисничке уносе унели на ХТМЛ страницу, морамо да користимо више елемената форме да бисмо их правилно створили и уз помоћ тих образаца исправно узимамо корисничке уносе и те уносе (податке) ставимо у наш интерни Базе података са задње стране. Као што знамо да су ХТМЛ кодови написани под различитим елементима ознака (), у основи су "ХТМЛ елементи облика" они елементи који се користе унутар ознаке "". А ови елементи заједно са другим стандардним и јединственим атрибутима дају облик и структуру који корисницима омогућавају да знају шта да раде са обрасцем и како структурално поступити.

Објасните елементе ХТМЛ обрасца (укључујући синтаксу и примјере с излазом)

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

СЛ Но.ОзнакеЗначења / описи

1

Да бисте дефинисали ХТМЛ образац за корисничке уносе

2

Да бисте дефинисали контролу улаза

3

Да одредите листу унапред дефинисаних опција

4

Да бисте дефинисали елементе повезане са групом

5

Да бисте дефинисали сигуран улаз

6

Да бисте дефинисали ознаку уноса

7

Да бисте дефинисали опис за сет поља

8

Да бисте дефинисали групу сличних опција

9

Да бисте дефинисали опцију за падајући мени

10

Да бисте дефинисали резултат

11

Да бисте дефинисали листу падајућег менија

12

Да бисте дефинисали вишенаменско подручје уноса

Напомена: Већина овде описаних елемената ХТМЛ тагова односи се на ХТМЛ5 који је најновија верзија ХТМЛ језика. Елемент ознаке више није подржан у ХТМЛ5; заправо се користио за претходну верзију ХТМЛ-а.

Синтакса и пример

Неке синтаксе и примери ХТМЛ елемената обрасца са излазима су дискутовани у наставку:

  1. Елемент ""

Овај елемент може да садржи и многе друге елементе, укључујући следеће:

    Пример елемента „” са типком за унос и слање:

    Синтакса:


    Your Name:

    Кодови:



    Your name:


    Излаз:

    1. Елемент ""

    Овај елемент је инлине елемент и припада групи елемената форме.

    Синтакса:


    Input name:
    Input age:

    Кодови:



    Input name:
    Input age:


    Излаз:

    1. Елемент ""

    Обично специфицира унапријед дефинирану листу улаза за елемент гдје корисници могу одабрати било коју опцију с унапријед дефиниране листе.

    Синтакса:





    Кодови:









    Излаз:

    1. Елемент ""

    Овај се елемент у основи користи за груписање повезаних елемената у обрасце и црта оквир око сличних елемената.

    Синтакса:


    Celebrity:
    Name:
    Phone:
    Age:

    Кодови:




    Celebrity:
    Name:
    Phone:
    Age:

    Излаз:

    1. Елемент ""

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

    Синтакса:

    Кодови:



    Username:

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

    Шифровање:

    Излаз:

    1. Елемент ""

    Овај елемент у основи даје назив за образац за унос како би корисници схватили који улазни подаци треба да буду. Делује као показатељ за кориснике.

    Синтакса:

    …

    Кодови:


    Example of HTML label tag


    Boy
    Girl

    Излаз:

    1. Елемент ""

    Овај елемент заправо дефинише опис за елемент. То је врста потпорног елемента за други елемент, део групног елемента.

    Синтакса:


    Celebrity:
    Name:
    Phone:
    Age:

    Кодови:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    Излаз:

    1. Елемент ""

    Овај елемент је елемент који се односи на групу и који се користи за опције у падајућој листи у ХТМЛ облику. Помаже корисницима да лако обрађују дугачку листу.

    Синтакса:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Кодови:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Излаз:

    1. Елемент ""

    Овај елемент се користи за представљање опције са падајуће листе под елементом; падајућа листа мора да садржи најмање једну опцију.

    Синтакса:

    …

    Кодови:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    Излаз:

    1. Елемент ""

    Овај елемент се у основи користи за приказ резултата израчуна (нпр. У скрипту израчуна).

    Синтакса:

    …

    Кодови:



    Example of HTML output Tag

    +
    =

    Излаз:

    1. Елемент ""

    Овај елемент се користи за избор са листе у обрасцу.

    Синтакса:


    Bike
    Car
    Bus

    Кодови:



    Example of HTML select Tag


    Bike
    Car
    Bus

    Излаз:

    1. Елемент ""

    Овај се елемент користи за дефинирање вишередних уноса текста (нпр. За адресу).

    Синтакса:

    Ставите свој коментар:
    Стави овде …

    Кодови:


    Example of HTML textarea Tag

    Ставите свој коментар:
    Стави овде …


    Излаз:

    Закључак

    Доступно је толико елемената ХТМЛ обрасца; у овом чланку смо разговарали о неким основним или изворним елементима ХТМЛ обрасца. Елементи ХТМЛ обрасца помажу нам да створимо правилне и функционалне ХТМЛ обрасце. Треба напоменути да већини елемената ХТМЛ обрасца треба бити укључено неколико атрибута заједно са њима. Неки елементи зависе један од другог који се морају кодирати заједно. Елементи који су већ застарјели не могу се приказивати у свим прегледачима.

    Препоручени чланци

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

    1. Версионс оф Хтмл
    2. Предности ХТМЛ-а
    3. Каријера у ХТМЛ-у
    4. ХТМЛ Блоцкс
    5. Бесплатан курс ХТМЛ-а
    6. ХТМЛ Фрамес
    7. Поставите боју позадине у ХТМЛ-у са примјером

    Категорија:

    Алати за веб развој