Úvod do prvkov formulára HTML

V technológiách Web Development Technologies (najmä pre klientske rozhranie) je „HTML“ základný alebo primárny značkovací jazyk, ktorý používame na zobrazovanie webových stránok (stránky, ktorú vidíme na webovej stránke). Niekedy na stránke HTML spolu s iným zobrazením obsahu musíme vziať aj niektoré používateľské vstupy (najmä na dynamických webových stránkach). A aby sa užívateľské vstupy dostali na stránku HTML, musíme na vytvorenie týchto formulárov použiť viacero prvkov formulára a pomocou týchto formulárov berieme správne vstupy používateľov a vkladáme tieto vstupy (údaje) do našich interných Databázy na pozadí. Teraz, ako vieme, že kódy HTML sa píšu pod rôznymi prvkami značky (), v podstate „Prvky formulára HTML“ sú tie prvky, ktoré sa používajú vo vnútri značky „“. A tieto prvky spolu s ďalšími štandardnými a jedinečnými atribútmi dávajú formu a štruktúru, ktorá používateľom umožňuje vedieť, čo s formulárom robiť a ako postupovať štrukturálnym spôsobom.

Vysvetlite prvky formulára HTML (vrátane syntaxe a príkladov s výstupom)

Pretože existuje niekoľko prvkov formulára HTML na vytvorenie formulára a poskytnutie formulára správnemu vzhľadu štruktúrovaným spôsobom; Nižšie sú niektoré z nich vysvetlené jeden po druhom.

Číslo SLTagyVýznamy / opisy

1

Definovanie HTML formulára pre vstupy užívateľa

2

Definovanie riadenia vstupu

3

Určenie zoznamu preddefinovaných možností

4

Definovať prvky súvisiace so skupinou

5

Definovanie bezpečného vstupu

6

Definovanie návestia vstupu

7

Definovať popis pre pole

8

Definovať skupinu podobných možností

9

Definovať možnosť rozbaľovacej ponuky

10

Definovať výsledok

11

Definovanie zoznamu rozbaľovacej ponuky

12

Definovanie vstupnej oblasti viacriadkový

Poznámka: Väčšina tu diskutovaných prvkov značiek HTML je pre HTML5, čo je najnovšia verzia jazyka HTML. Prvok značky už nie je podporovaný v HTML5; skutočne sa použil pre predchádzajúcu verziu HTML.

Syntax a príklad

Niektoré syntaxe a príklady prvkov formulára HTML s výstupmi sú uvedené nižšie:

  1. "" prvok

Tento prvok môže obsahovať mnoho ďalších prvkov vrátane nasledujúcich:

    Príklad prvku „“ s tlačidlom vstupu a odoslania:

    syntaxe:


    Your Name:

    kódy:



    Your name:


    Výkon:

    1. "" prvok

    Tento prvok je vloženým prvkom a patrí do skupiny tvarových prvkov.

    syntaxe:


    Input name:
    Input age:

    kódy:



    Input name:
    Input age:


    Výkon:

    1. "" prvok

    Zvyčajne určuje preddefinovaný zoznam vstupov pre prvok, v ktorom si používatelia môžu vybrať ľubovoľnú možnosť z preddefinovaného zoznamu.

    syntaxe:





    kódy:









    Výkon:

    1. "" prvok

    Tento prvok sa v zásade používa na zoskupenie súvisiacich prvkov do formulárov a okolo podobných prvkov nakreslí rámček.

    syntaxe:


    Celebrity:
    Name:
    Phone:
    Age:

    kódy:




    Celebrity:
    Name:
    Phone:
    Age:

    Výkon:

    1. "" prvok

    Tento prvok sa môže nachádzať mimo formulára, ale stále môže byť súčasťou formulára. Tento prvok sa zvyčajne používa na určenie jednej alebo viacerých foriem. Tento prvok sa novo používa vo verzii HTML5 na generovanie šifrovacieho kľúča na prenos šifrovaných údajov cez formulár na webovej stránke založený na HTML.

    syntaxe:

    kódy:



    Username:

    Nižšie uvedené pole keygen je mimo formulára, ale stále je súčasťou vyššie uvedeného formulára.

    šifrovanie:

    Výkon:

    1. "" prvok

    Tento prvok v podstate dáva názov pre vstupný formulár, aby používatelia pochopili, aké vstupné údaje by to mali byť. Slúži ako ukazovateľ pre používateľov.

    syntaxe:

    …

    kódy:


    Example of HTML label tag


    Boy
    Girl

    Výkon:

    1. "" prvok

    Tento prvok v skutočnosti definuje popis prvku. Je to druh podporného prvku pre iný prvok, súčasť prvku skupiny.

    syntaxe:


    Celebrity:
    Name:
    Phone:
    Age:

    kódy:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    Výkon:

    1. "" prvok

    Tento prvok je prvok súvisiaci so skupinou, ktorý sa používa pre možnosti v rozbaľovacom zozname vo forme HTML. Pomáha používateľom ľahko zvládnuť dlhý zoznam.

    syntaxe:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    kódy:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Výkon:

    1. "" prvok

    Tento prvok sa používa na reprezentáciu možnosti z rozbaľovacieho zoznamu v rámci prvku; rozbaľovací zoznam musí obsahovať aspoň jednu možnosť.

    syntaxe:

    …

    kódy:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    Výkon:

    1. "" prvok

    Tento prvok sa v zásade používa na zobrazenie výstupu výpočtu (napr. V skriptovanom výpočte).

    syntaxe:

    …

    kódy:



    Example of HTML output Tag

    +
    =

    Výkon:

    1. "" prvok

    Tento prvok sa používa na výber zo zoznamu v rámci formulára.

    syntaxe:


    Bike
    Car
    Bus

    kódy:



    Example of HTML select Tag


    Bike
    Car
    Bus

    Výkon:

    1. "" prvok

    Tento prvok sa používa na definovanie viacriadkových textových vstupov (napr. Pre adresu).

    syntaxe:

    Vložte svoj komentár:
    Dajte sem …

    kódy:


    Example of HTML textarea Tag

    Vložte svoj komentár:
    Dajte sem …


    Výkon:

    záver

    K dispozícii je toľko prvkov formulára HTML; V tomto článku sme diskutovali o niektorých základných alebo natívnych prvkoch formulára HTML. Prvky formulára HTML nám pomáhajú vytvárať správne a funkčné formuláre HTML. Je potrebné poznamenať, že väčšina prvkov formulára HTML musí obsahovať niekoľko atribútov spolu s nimi. Niektoré z týchto prvkov závisia jeden od druhého, ktoré sa musia kódovať spolu. Prvky, ktoré sú už zastarané, sa nemusia zobraziť vo všetkých prehľadávačoch.

    Odporúčané články

    Toto bol sprievodca prvkami formulára HTML. Tu diskutujeme úvod a prvky formulára so syntaxou a vzorovým kódom. Viac informácií nájdete aj v ďalších navrhovaných článkoch -

    1. Verzie Html
    2. Výhody HTML
    3. Kariéra v HTML
    4. Bloky HTML
    5. Kurz HTML zadarmo
    6. Rámčeky HTML
    7. Nastavte farbu pozadia v HTML s príkladom

    Kategórie:

    Nástroje na vývoj webových aplikácií