Prvky formuláře HTML Syntaxe a příklad prvků formuláře HTML

Obsah:

Anonim

Úvod do prvků formuláře HTML

Ve Web Development Technologies (zejména pro klientské rozhraní) je „HTML“ základní nebo primární značkovací jazyk, který používáme k zobrazení webových stránek (stránky, kterou vidíme na webových stránkách). Někdy na stránce HTML spolu s dalším zobrazením obsahu musíme vzít také nějaké uživatelské vstupy (zejména na dynamických webových stránkách). A pro převzetí uživatelských vstupů na stránce HTML potřebujeme k vytvoření těchto formulářů více prvků formuláře a pomocí těchto formulářů vezmeme uživatelské vstupy správným způsobem a vložíme tyto vstupy (data) do našich interních Databáze na pozadí. Nyní, jak víme, že kódy HTML jsou psány pod různými prvky značky (), v zásadě „Prvky formuláře HTML“ jsou ty prvky, které se používají uvnitř značky „“. A tyto prvky spolu s dalšími standardními a jedinečnými atributy dávají také formu a strukturu, která uživatelům dává vědět, co s formulářem dělat a jak postupovat strukturálním způsobem.

Vysvětlete prvky formuláře HTML (včetně syntaxe a příkladů s výstupem)

Protože existuje několik prvků formuláře HTML, které vytvoří formulář a poskytnou formuláři strukturovaný vzhled; Níže jsou některé vysvětleny jeden po druhém.

SL No.ZnačkyVýznamy / popisy

1

Definování formuláře HTML pro uživatelské vstupy

2

Definovat řízení vstupu

3

Určení seznamu předdefinovaných možností

4

Definování prvků souvisejících se skupinou

5

Definování zabezpečeného vstupu

6

Definování popisku vstupu

7

Definování titulku pro sadu polí

8

Definování skupiny podobných možností

9

Chcete-li definovat možnost rozevíracího seznamu

10

Definovat výsledek

11

Definování seznamu rozevíracího seznamu

12

Definování víceřádkové vstupní oblasti

Poznámka: Většina zde popisovaných prvků HTML tagů je pro HTML5, což je nejnovější verze jazyka HTML. Prvek tagu již v HTML5 není podporován; ve skutečnosti byl použit pro předchozí verzi HTML.

Syntaxe a příklad

Níže jsou uvedeny některé syntaxe a příklady prvků formuláře HTML s výstupy:

  1. „“ Prvek

Tento prvek může obsahovat také mnoho dalších prvků, včetně následujících:

    Příklad prvku „“ s tlačítkem pro zadání a odeslání:

    Syntax:


    Your Name:

    Kódy:



    Your name:


    Výstup:

    1. „“ Prvek

    Tento prvek je vložený prvek a patří do skupiny tvarových prvků.

    Syntax:


    Input name:
    Input age:

    Kódy:



    Input name:
    Input age:


    Výstup:

    1. „“ Prvek

    Obvykle určuje předdefinovaný seznam vstupů pro prvek, kde si uživatelé mohou vybrat libovolnou možnost z předdefinovaného seznamu.

    Syntax:





    Kódy:









    Výstup:

    1. „“ Prvek

    Tento prvek se v zásadě používá k seskupení souvisejících prvků do formulářů a nakreslí kolem podobných prvků rámeček.

    Syntax:


    Celebrity:
    Name:
    Phone:
    Age:

    Kódy:




    Celebrity:
    Name:
    Phone:
    Age:

    Výstup:

    1. „“ Prvek

    Tento prvek může najít mimo formulář, ale přesto může být součástí formuláře. Tento prvek se obvykle používá k určení jedné nebo více formulářů. Tento prvek se ve verzi HTML5 nově používá ke generování šifrovacího klíče pro předávání šifrovaných dat přes formulář na webové stránce založené na HTML.

    Syntax:

    Kódy:



    Username:

    Níže uvedené keygenové pole je mimo formu, ale stále je součástí výše uvedené formy.

    Šifrování:

    Výstup:

    1. „“ Prvek

    Tento prvek v podstatě dává název pro vstupní formulář, aby uživatelé pochopili, jaká vstupní data by měla být. Působí jako ukazatel pro uživatele.

    Syntax:

    …

    Kódy:


    Example of HTML label tag


    Boy
    Girl

    Výstup:

    1. „“ Prvek

    Tento prvek ve skutečnosti definuje popisek prvku. Je to druh podpůrného prvku pro jiný prvek, součást prvku skupiny.

    Syntax:


    Celebrity:
    Name:
    Phone:
    Age:

    Kódy:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    Výstup:

    1. „“ Prvek

    Tento prvek je prvek související se skupinou, který se používá pro možnosti v rozevíracím seznamu ve formě HTML. Pomáhá uživatelům snadno zvládnout dlouhý seznam.

    Syntax:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Kódy:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Výstup:

    1. „“ Prvek

    Tento prvek se používá k reprezentaci volby z rozevíracího seznamu pod prvkem; rozevírací seznam musí obsahovat alespoň jednu možnost.

    Syntax:

    …

    Kódy:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    Výstup:

    1. „“ Prvek

    Tento prvek se v zásadě používá k zobrazení výstupu výpočtu (např. Ve skriptovaném výpočtu).

    Syntax:

    …

    Kódy:



    Example of HTML output Tag

    +
    =

    Výstup:

    1. „“ Prvek

    Tento prvek se používá k výběru ze seznamu v rámci formuláře.

    Syntax:


    Bike
    Car
    Bus

    Kódy:



    Example of HTML select Tag


    Bike
    Car
    Bus

    Výstup:

    1. „“ Prvek

    Tento prvek se používá k definování víceřádkových textových vstupů (např. Pro adresu).

    Syntax:

    Vložte svůj komentář:
    Dejte sem …

    Kódy:


    Example of HTML textarea Tag

    Vložte svůj komentář:
    Dejte sem …


    Výstup:

    Závěr

    K dispozici je tolik prvků formuláře HTML; V tomto článku jsme diskutovali některé základní nebo nativní prvky HTML formuláře. Prvky formuláře HTML nám pomáhají vytvářet správné a funkční formuláře HTML. Je třeba poznamenat, že většina prvků formuláře HTML musí obsahovat několik atributů spolu s nimi. Některé z prvků závisí na sobě, které musí být kódovány společně. Prvky, které jsou již zastaralé, nemusí být zobrazeny všemi prohlížeči.

    Doporučené články

    Toto byl průvodce prvky HTML formuláře. Zde diskutujeme úvod a prvky formuláře se syntaxí a ukázkovým kódem. Další informace naleznete také v dalších navrhovaných článcích -

    1. Verze Html
    2. Výhody HTML
    3. Kariéra v HTML
    4. Bloky HTML
    5. Zdarma kurz HTML
    6. Rámce HTML
    7. Nastavte barvu pozadí v HTML s příkladem