HTML елементи на формуляр - Синтаксис и пример за елементи на HTML формуляр

Съдържание:

Anonim

Въведение в елементи на HTML формуляр

В технологиите за уеб разработка (особено за предния край) „HTML“ е основният или първичен език за маркиране, който използваме за показване на уеб страниците (страницата, която виждаме на уебсайт). Понякога в HTML страница, заедно с дисплея на друго съдържание, трябва да вземем и някои потребителски данни (особено в динамични уеб сайтове). И за да вземем потребителските входове в HTML страница, трябва да използваме няколко формулярни елемента, за да създадем правилно тези формуляри и с помощта на тези форми ние вземаме потребителските входове по правилен начин и поставяме тези входове (данни) в нашия вътрешен Бази данни в задния край. Сега, тъй като знаем, че HTML кодовете се пишат под различни елементи на тагове (), така че в основата „HTML формулярни елементи“ са тези елементи, които се използват вътре в „“ таг. И тези елементи, заедно с други стандартни и уникални атрибути, придават и форма, и структура, която позволява на потребителите да знаят какво да правят с формата и как да процедират структурно.

Обяснете HTML елементи на формуляр (включително синтаксис и примери с изход)

Тъй като има множество елементи на HTML формуляр, за да създадете формуляр и да придадете на структурата правилен вид по структуриран начин; по-долу са някои от тях обяснени едно по едно.

SL No.TagsЗначения / Описания

1

За да дефинирате HTML форма за потребителски въвеждания

2

За да определите контрола на входа

3

За да посочите списък с предварително дефинирани опции

4

За дефиниране на свързани с група елементи

5

За да определите сигурен вход

6

За да определите етикет на въвеждане

7

За да определите надпис за набор от полета

8

За да определите група от подобни опции

9

За да определите опция за падащото меню

10

За да определите резултат

11

За да дефинирате списък на падащия списък

12

За да дефинирате многоредова входна зона

Забележка: Повечето от дискутираните тук елементи на HTML маркери са за HTML5, която е най-новата версия на езика на HTML. Елементът на етикета вече не се поддържа в HTML5; всъщност се използва за предишната версия на HTML.

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

Някои синтаксиси и примери на елементи на HTML формуляр с изходи са обсъдени по-долу:

  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. Елемент ""

    Този елемент може да се намира извън формата, но все пак може да е част от формата. Обикновено този елемент се използва за посочване на една или повече форми. Този елемент се използва наскоро във версията HTML5 за генериране на ключ за криптиране за предаване на криптирани данни през формуляр в уебсайт, базиран на HTML.

    Синтаксис:

    кодове:



    Username:

    Посоченото по-долу поле за keygen е извън формата, но все пак е част от горната форма.


    Encryption:

    изход:

    1. Елемент ""

    Този елемент основно дава име на формата за въвеждане, за да накара потребителите да разберат какви входни данни трябва да бъдат. Той действа като индикатор за потребителите.

    Синтаксис:

    …

    кодове:


    Example of HTML label tag


    Boy
    Girl

    изход:

    1. Елемент ""

    Този елемент всъщност дефинира надпис за елемент. Това е вид поддържащ елемент за друг елемент, част от груповия елемент.

    Синтаксис:


    Celebrity:
    Name:
    Phone:
    Age:

    кодове:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    изход:

    1. Елемент ""

    Този елемент е свързан с група елемент, който се използва за опции в падащ списък във форма на HTML. Той помага на потребителите да се справят лесно с дълъг списък.

    Синтаксис:


    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

    Поставете своя коментар:
    Поставете тук …



    изход:

    заключение

    Налични са толкова много елементи на HTML формуляр; в тази статия сме обсъдили някои от основните или естествени елементи на HTML формата. Елементите на HTML форми ни помагат да създадем правилни и функционални HTML форми. Трябва да се отбележи, че повечето елементи на HTML формата се нуждаят от няколко атрибута, за да бъдат включени заедно с тях. Някои от елементите зависят един от друг, които трябва да бъдат кодирани заедно. Елементите, които вече са оттеглени, може да не се показват от всички браузъри.

    Препоръчителни статии

    Това е ръководство за елементи на HTML формуляр. Тук обсъждаме въвеждането и елементите на формата със синтаксис и примерен код. Можете да разгледате и другите ни предложени статии, за да научите повече -

    1. Версии на Html
    2. Предимства на HTML
    3. Кариера в HTML
    4. HTML блокове
    5. Безплатен HTML курс
    6. HTML рамки
    7. Задайте цвят на фона в HTML с пример