Introduktion til HTML-formelementer

I webudviklingsteknologier (især til front-end) er "HTML" det grundlæggende eller primære markeringssprog, som vi bruger til at vise websiderne (den side, som vi ser på et websted). Nogle gange er vi nødt til at tage nogle brugerindgange på en HTML-side sammen med det andet indholdsvisning (især på dynamiske websteder). Og for at tage brugerindgange på en HTML-side, er vi nødt til at bruge flere formelementer til at oprette disse formularer ordentligt og ved hjælp af disse formularer tager vi brugerindgange på en korrekt måde og sætter disse input (data) i vores interne Databaser i bagenden. Som vi ved, at HTML-koder er skrevet under forskellige tagelementer () så er "HTML-formelementer" dybest set de elementer, der bruges i et "" -tag. Og disse elementer sammen med andre standard og unikke attributter giver en form og struktur såvel som lader brugerne vide, hvad de skal gøre med formularen, og hvordan de går videre på en strukturel måde.

Forklar HTML-formelementer (inklusive syntaks og eksempler med output)

Da der er flere HTML-formelementer til at oprette en form og give formen et ordentligt udseende på en struktureret måde; nedenfor er nogle af dem forklaret en efter en.

SL NejTagsBetydninger / beskrivelser

1

Sådan defineres en HTML-form til brugerindgange

2

Sådan defineres indgangskontrol

3

For at specificere en liste med foruddefinerede indstillinger

4

At definere gruppelelaterede elementer

5

At definere et sikkert input

6

Sådan defineres en etiket med input

7

Sådan defineres en billedtekst til feltmæt

8

At definere en gruppe af lignende indstillinger

9

Sådan defineres en indstilling til rullelisten

10

At definere et resultat

11

Sådan defineres en liste over rullelister

12

Sådan defineres et multiline input-område

Bemærk: De fleste af HTML-tagelementerne, der diskuteres her, er til HTML5, som er den seneste version af HTML-sprog. Tagelementet understøttes ikke længere i HTML5; det blev faktisk brugt til den tidligere version af HTML.

Syntaks og eksempel

Nogle syntakser og eksempler på HTML-formelementer med output diskuteres nedenfor:

  1. “” Element

Dette element kan også indeholde mange andre elementer, herunder nedenstående:

    Eksempel på et “” element med input og indsend knap:

    Syntaks:


    Your Name:

    Koder:



    Your name:


    Produktion:

    1. “” Element

    Dette element er et inline-element og hører til form-element-gruppen.

    Syntaks:


    Input name:
    Input age:

    Koder:



    Input name:
    Input age:


    Produktion:

    1. “” Element

    Det specificerer normalt en foruddefineret liste over input til element, hvor brugere kan vælge en vilkårlig mulighed fra den foruddefinerede liste.

    Syntaks:





    Koder:









    Produktion:

    1. “” Element

    Dette element bruges dybest set til at gruppere relaterede elementer i former og tegner en boks omkring de lignende elementer.

    Syntaks:


    Celebrity:
    Name:
    Phone:
    Age:

    Koder:




    Celebrity:
    Name:
    Phone:
    Age:

    Produktion:

    1. “” Element

    Dette element kan muligvis lokalisere uden for formen, men alligevel kan det være en del af formen. Normalt bruges dette element til at specificere en eller flere former. Dette element er nyligt brugt i HTML5-versionen til at generere en krypteringsnøgle til at videregive krypterede data over en form på et websted baseret på HTML.

    Syntaks:

    Koder:



    Username:

    Det nedenfor nævnte keygen-felt er uden for formen, men det er stadig en del af ovenstående form.

    Kryptering:

    Produktion:

    1. “” Element

    Dette element giver grundlæggende et navn på inputformularen for at få brugerne til at forstå, hvilke inputdata det skal være. Det fungerer som en indikator for brugerne.

    Syntaks:

    …

    Koder:


    Example of HTML label tag


    Boy
    Girl

    Produktion:

    1. “” Element

    Dette element definerer faktisk en billedtekst for et element. Det er slags et støtteelement til et andet element, en del af gruppeelementet.

    Syntaks:


    Celebrity:
    Name:
    Phone:
    Age:

    Koder:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    Produktion:

    1. “” Element

    Dette element er et gruppelelateret element, der bruges til indstillinger i en rulleliste i en HTML-form. Det hjælper brugerne med at håndtere en lang liste let.

    Syntaks:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Koder:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Produktion:

    1. “” Element

    Dette element bruges til at repræsentere en mulighed fra en rulleliste under elementet; rullelisten skal indeholde mindst én mulighed.

    Syntaks:

    …

    Koder:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    Produktion:

    1. “” Element

    Dette element bruges dybest set til at vise output fra en beregning (f.eks. I en scriptet beregning).

    Syntaks:

    …

    Koder:



    Example of HTML output Tag

    +
    =

    Produktion:

    1. “” Element

    Dette element bruges til at foretage et valg fra en liste inden for en form.

    Syntaks:


    Bike
    Car
    Bus

    Koder:



    Example of HTML select Tag


    Bike
    Car
    Bus

    Produktion:

    1. “” Element

    Dette element bruges til at definere multi-line tekstindgange (f.eks. Til adresse).

    Syntaks:

    Skriv din kommentar:
    Læg her …

    Koder:


    Example of HTML textarea Tag

    Skriv din kommentar:
    Læg her …



    Produktion:

    Konklusion

    Der er så mange HTML-formelementer tilgængelige; i denne artikel har vi drøftet nogle af de grundlæggende eller oprindelige HTML-formelementer. HTML-formelementer hjælper os med at skabe korrekte og funktionelle HTML-formularer. Det skal bemærkes, at de fleste af HTML-formelementerne har brug for et par attributter, der kan inkluderes sammen med dem. Nogle af elementerne afhænger af hinanden, som skal kodes sammen. Elementerne, der allerede er forældede, vises muligvis ikke af alle browsere.

    Anbefalede artikler

    Dette har været en guide til HTML-formelementer. Her diskuterer vi introduktion og elementer i form med syntaks og prøvekode. Du kan også gennemgå vores andre foreslåede artikler for at lære mere -

    1. Versioner af Html
    2. Fordele ved HTML
    3. Karriere i HTML
    4. HTML-blokke
    5. Gratis HTML-kursus
    6. HTML-rammer
    7. Indstil en baggrundsfarve i HTML med eksempel

    Kategori:

    Webudviklingsværktøjer