Sissejuhatus HTML-vorminguelementidesse

Veebiarendustehnoloogias (eriti kasutajaliidese jaoks) on „HTML” põhiline või peamine märgistuskeel, mida kasutame veebilehtede kuvamiseks (leht, mida näeme veebisaidil). Mõnikord peame HTML-lehel koos muu sisuekraaniga võtma ka mõned kasutaja sisendid (eriti dünaamilistel veebisaitidel). Ja kasutaja sisendite HTML-lehele kandmiseks peame nende vormide korrektseks loomiseks kasutama mitut vormielementi ning nende vormide abil võtame kasutaja sisendid õigesti ja paneme need sisendid (andmed) meie sisemisse Andmebaasid tagaosas. Nüüd, nagu me teame, et HTML-koodid kirjutatakse erinevate sildielementide () alla, on põhimõtteliselt “HTML-vorminguelemendid” need elemendid, mida kasutatakse sildi “” sees. Need elemendid koos muude tavapäraste ja ainulaadsete atribuutidega annavad ka vormi ja struktuuri, mis annavad kasutajatele teada, mida vormiga teha ja kuidas struktuuriliselt edasi liikuda.

Selgitage HTML-vorminguelemente (sh süntaks ja näited väljundiga)

Kuna vormi loomiseks on mitu HTML-i vorminguelementi, anname vormile korrektse välimuse; Allpool on mõned neist ükshaaval lahti seletatud.

SL eiSildidTähendused / kirjeldused

1

Kasutaja sisendite HTML-vormi määratlemiseks

2

Sisendi juhtimise määratlemiseks

3

Eelmääratud valikute loendi täpsustamiseks

4

Grupiga seotud elementide määratlemiseks

5

Turvalise sisendi määratlemiseks

6

Sisendi sildi määratlemiseks

7

Väljade komplekti pealdise määratlemiseks

8

Sarnaste valikute rühma määratlemiseks

9

Rippmenüü valiku määratlemiseks

10

Tulemuse määratlemiseks

11

Ripploendi määratlemiseks

12

Mitmerealise sisestuspiirkonna määratlemiseks

Märkus. Enamik siin käsitletud HTML-i sildi elemente on mõeldud HTML5 jaoks, mis on HTML-keele uusim versioon. Sildielementi HTML5 enam ei toetata; seda kasutati tegelikult HTML-i eelneva versiooni jaoks.

Süntaks ja näide

Allpool käsitletakse mõningaid väljunditega HTML-vorminguelementide süntaksit ja näiteid:

  1. Element

See element võib sisaldada ka palju muid elemente, sealhulgas järgmist:

    Näide sisestus- ja edastamisnupuga elemendist “”:

    Süntaks:


    Your Name:

    Koodid:



    Your name:


    Väljund:

    1. Element

    See element on sisemine element ja kuulub vormi-elementide rühma.

    Süntaks:


    Input name:
    Input age:

    Koodid:



    Input name:
    Input age:


    Väljund:

    1. Element

    Tavaliselt määrab see elemendi jaoks eelnevalt määratletud sisendite loendi, kus kasutajad saavad eelmääratletud loendist valida suvalise valiku.

    Süntaks:





    Koodid:









    Väljund:

    1. Element

    Seda elementi kasutatakse põhimõtteliselt seotud elementide rühmitamiseks vormides ja joonistab kasti sarnaste elementide ümber.

    Süntaks:


    Celebrity:
    Name:
    Phone:
    Age:

    Koodid:




    Celebrity:
    Name:
    Phone:
    Age:

    Väljund:

    1. Element

    See element võib paikneda väljaspool vormi, kuid siiski, see võib olla osa vormist. Tavaliselt kasutatakse seda elementi ühe või mitme vormi täpsustamiseks. Seda elementi kasutatakse hiljuti HTML5 versioonis krüptimisvõtme genereerimiseks, et edastada krüptitud andmed veebisaidil HTML-i alusel.

    Süntaks:

    Koodid:



    Username:

    Allpool mainitud keygeni väli on väljaspool vormi, kuid see on siiski osa ülaltoodud vormist.

    Krüptimine:

    Väljund:

    1. Element

    Põhimõtteliselt annab see element sisestusvormi nime, et kasutajad mõistaksid, millised sisendandmed peaksid olema. See toimib kasutajatele indikaatorina.

    Süntaks:

    …

    Koodid:


    Example of HTML label tag


    Boy
    Girl

    Väljund:

    1. Element

    See element määratleb elemendi pealdise. See on mingi toetav element teisele elemendile, grupielemendi osale.

    Süntaks:


    Celebrity:
    Name:
    Phone:
    Age:

    Koodid:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    Väljund:

    1. Element

    See element on grupiga seotud element, mida kasutatakse HTML-vormingus ripploendi valikute jaoks. See aitab kasutajatel hõlpsalt pikka nimekirja käsitseda.

    Süntaks:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Koodid:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Väljund:

    1. Element

    Seda elementi kasutatakse elemendi all olevast ripploendist valiku kuvamiseks; ripploend peab sisaldama vähemalt ühte võimalust.

    Süntaks:

    …

    Koodid:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    Väljund:

    1. Element

    Seda elementi kasutatakse põhimõtteliselt arvutuse väljundi näitamiseks (nt skriptitud arvutamisel).

    Süntaks:

    …

    Koodid:



    Example of HTML output Tag

    +
    =

    Väljund:

    1. Element

    Seda elementi kasutatakse vormi sisest loendist valiku tegemiseks.

    Süntaks:


    Bike
    Car
    Bus

    Koodid:



    Example of HTML select Tag


    Bike
    Car
    Bus

    Väljund:

    1. Element

    Seda elementi kasutatakse mitmerealiste tekstisisestuste määratlemiseks (nt aadressi jaoks).

    Süntaks:

    Kirjuta oma kommentaar:
    Pane siia …

    Koodid:


    Example of HTML textarea Tag

    Kirjuta oma kommentaar:
    Pane siia …


    Väljund:

    Järeldus

    HTML-vormi elemente on saadaval nii palju; selles artiklis oleme arutanud mõningaid HTML-i põhilisi või loomulikke vorminguelemente. HTML-vorminguelemendid aitavad meil luua korrektseid ja funktsionaalseid HTML-vorme. Märkimist väärib see, et enamus HTML-vorminguelemente vajavad koos nende lisamisega mõnda atribuuti. Mõned elemendid sõltuvad üksteisest, mis tuleb koos kodeerida. Juba aegunud elemente ei pruugi kõik brauserid kuvada.

    Soovitatavad artiklid

    See on olnud HTML-vorminguelementide juhend. Siin käsitleme vormi sissejuhatust ja elemente süntaksi ja näidiskoodiga. Lisateavet leiate ka meie muudest soovitatud artiklitest -

    1. HTML-i versioonid
    2. HTML-i eelised
    3. Karjäär HTML-is
    4. HTML-plokid
    5. Tasuta HTML-i kursus
    6. HTML-raamid
    7. Seadistage HTML-is taustavärv näitega

    Kategooria:

    Veebiarenduse tööriistad