Elemente de formulare HTML - Sintaxa și Exemplu de elemente de formulare HTML

Cuprins:

Anonim

Introducere în elementele de formulare HTML

În tehnologiile de dezvoltare web (în special pentru front-end), „HTML” este limbajul de marcaj de bază sau principal pe care îl utilizăm pentru a afișa paginile web (pagina pe care o vedem pe un site web). Uneori, într-o pagină HTML, împreună cu celălalt afișaj de conținut, trebuie să luăm și câteva intrări ale utilizatorilor (în special în site-urile web dinamice). Pentru a lua intrările utilizatorului într-o pagină HTML, trebuie să utilizăm mai multe elemente de formulare pentru a crea aceste formulare în mod corespunzător și cu ajutorul formularelor respective, luăm intrările utilizatorului într-o manieră corectă și introducem acele date (date) în interiorul nostru Baze de date în partea din spate. Acum, așa cum știm că codurile HTML sunt scrise sub diferite elemente de etichetă (), deci, în principiu, „HTML Form Elements” sunt acele elemente care sunt utilizate în interiorul unei etichete „”. Și aceste elemente, împreună cu alte atribute standard și unice, oferă o formă și o structură care permit utilizatorilor să știe ce să facă cu formularul și cum să procedeze într-o manieră structurală.

Explicați elementele HTML Formular (inclusiv sintaxa și exemple cu ieșire)

Întrucât există mai multe elemente de formă HTML pentru a crea o formă și a da formularului un aspect adecvat într-un mod structurat; mai jos sunt explicate unele câte una.

SL nr.EticheteSemnificații / descrieri

1

Pentru a defini un formular HTML pentru intrările utilizatorului

2

Pentru a defini controlul de intrare

3

Pentru a specifica o listă de opțiuni predefinite

4

Pentru a defini elementele legate de grup

5

Pentru a defini o intrare sigură

6

Pentru a defini o etichetă de intrare

7

Pentru a defini o legendă pentru setul de câmpuri

8

Pentru a defini un grup de opțiuni similare

9

Pentru a defini o opțiune pentru drop-down

10

Pentru a defini un rezultat

11

Pentru a defini o listă derulantă

12

Pentru a defini o zonă de intrare multilină

Notă: Majoritatea elementelor de etichetă HTML discutate aici sunt pentru HTML5, care este cea mai recentă versiune a limbajului HTML. Elementul de etichetă nu mai este acceptat în HTML5; a fost de fapt utilizat pentru versiunea anterioară a HTML.

Sintaxă și exemplu

Câteva sintaxe și exemple de elemente de formulare HTML cu ieșiri sunt discutate mai jos:

  1. "" element

Acest element poate conține multe alte elemente, inclusiv următoarele:

    Exemplu pentru un element „” cu buton de introducere și trimitere:

    Sintaxă:


    Your Name:

    coduri:



    Your name:


    ieşire:

    1. "" element

    Acest element este un element inline și aparține grupului form-element.

    Sintaxă:


    Input name:
    Input age:

    coduri:



    Input name:
    Input age:


    ieşire:

    1. "" element

    De obicei, specifică o listă predefinită de intrări pentru elementul în care utilizatorii pot alege orice opțiune din lista predefinită.

    Sintaxă:





    coduri:









    ieşire:

    1. "" element

    Acest element este utilizat, în esență, pentru a grupa elemente conexe în forme și desenează o casetă în jurul elementelor similare.

    Sintaxă:


    Celebrity:
    Name:
    Phone:
    Age:

    coduri:




    Celebrity:
    Name:
    Phone:
    Age:

    ieşire:

    1. "" element

    Acest element poate fi localizat în afara formei, dar totuși, poate fi o parte a formularului. De obicei, acest element este utilizat pentru a specifica una sau mai multe forme. Acest element este folosit recent în versiunea HTML5 pentru a genera o cheie de criptare pentru a trece datele criptate peste un formular dintr-un site web bazat pe HTML.

    Sintaxă:

    coduri:



    Username:

    Câmpul keygen menționat mai jos este în afara formei, dar este încă o parte a formei de mai sus.

    criptare:

    ieşire:

    1. "" element

    În principiu, acest element oferă un nume pentru formularul de intrare pentru a face utilizatorii să înțeleagă ce date de intrare ar trebui să fie. Acționează ca un indicator pentru utilizatori.

    Sintaxă:

    …

    coduri:


    Example of HTML label tag


    Boy
    Girl

    ieşire:

    1. "" element

    Acest element definește de fapt o legendă pentru un element. Este un fel de element de susținere pentru un alt element, o parte a elementului de grup.

    Sintaxă:


    Celebrity:
    Name:
    Phone:
    Age:

    coduri:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    ieşire:

    1. "" element

    Acest element este un element legat de grup care este utilizat pentru opțiunile dintr-o listă derulantă într-o formă HTML. Ajută utilizatorii să se ocupe cu ușurință de o listă lungă.

    Sintaxă:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    coduri:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    ieşire:

    1. "" element

    Acest element este utilizat pentru a reprezenta o opțiune dintr-o listă derulantă sub element; lista verticală trebuie să conțină cel puțin o opțiune.

    Sintaxă:

    …

    coduri:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    ieşire:

    1. "" element

    Acest element este utilizat, practic, pentru a arăta ieșirea unui calcul (de exemplu, într-un calcul scris).

    Sintaxă:

    …

    coduri:



    Example of HTML output Tag

    +
    =

    ieşire:

    1. "" element

    Acest element este utilizat pentru a face o selecție dintr-o listă dintr-un formular.

    Sintaxă:


    Bike
    Car
    Bus

    coduri:



    Example of HTML select Tag


    Bike
    Car
    Bus

    ieşire:

    1. "" element

    Acest element este utilizat pentru a defini intrările de text pe mai multe linii (de exemplu, pentru adresă).

    Sintaxă:

    Puneți-vă comentariul:
    Pune aici…

    coduri:


    Example of HTML textarea Tag

    Puneți-vă comentariul:
    Pune aici…


    ieşire:

    Concluzie

    Există atât de multe elemente de formă HTML disponibile; în acest articol, am discutat unele dintre elementele de bază HTML de bază sau native. Elementele de formulare HTML ne ajută să creăm formulare HTML adecvate și funcționale. De remarcat este faptul că majoritatea elementelor de formă HTML au nevoie de câteva atribute pentru a fi incluse împreună cu ele. Unele dintre elemente depind unul de celălalt, care trebuie codate împreună. Este posibil ca elementele care deja sunt învechite să nu fie afișate de către toate browserele.

    Articole recomandate

    Acesta a fost un ghid pentru elementele de formulare HTML. Aici discutăm introducerea și elementele formei cu sintaxa și codul de eșantion. Puteți parcurge și alte articole sugerate pentru a afla mai multe -

    1. Versiuni de HTML
    2. Avantajele HTML
    3. Cariera în HTML
    4. Blocuri HTML
    5. Curs HTML gratuit
    6. Rame HTML
    7. Setați o culoare de fundal în HTML cu Exemplu