Uvod u elemente HTML obrasca

U tehnologijama za razvoj web stranica (posebno za prednji dio) "HTML" je osnovni ili primarni označni jezik koji koristimo za prikazivanje web stranica (stranica koju vidimo na web mjestu). Ponekad na HTML stranici, zajedno s prikazom ostalih sadržaja, moramo uzimati i neke korisničke unose (posebno na dinamičnim web lokacijama). A da bismo korisničke unose unijeli u HTML stranicu, trebamo koristiti više elemenata oblika da bismo ih pravilno stvorili i uz pomoć tih obrazaca ispravno uzimamo korisničke unose i te unose (podatke) stavimo u naš interni Baze podataka sa zadnje strane. Kao što znamo da su HTML kodovi napisani pod raznim elementima oznake (), u osnovi su "HTML elementi obrasca" oni elementi koji se koriste unutar oznake "". Ti elementi zajedno s ostalim standardnim i jedinstvenim atributima daju i oblik i strukturu koji korisnicima daju do znanja što im je činiti i kako strukturalno postupiti.

Objasnite HTML elemente obrasca (uključujući sintaksu i primjere s rezultatima)

Budući da postoji više HTML elemenata obrasca za stvaranje obrasca i strukturiran izgled davaju oblik; u nastavku su neke od njih objašnjene jedna po jedna.

SL No.OznakeZnačenja / opisi

1

Za definiranje HTML obrasca za korisničke unose

2

Za definiranje kontrole ulaza

3

Da biste odredili popis unaprijed definiranih opcija

4

Za definiranje elemenata povezanih s grupom

5

Za definiranje sigurnog ulaza

6

Da biste odredili oznaku unosa

7

Da biste odredili opis za skup polja

8

Za definiranje skupine sličnih opcija

9

Da biste definirali opciju padajućeg izbornika

10

Za definiranje rezultata

11

Da biste definirali popis padajućeg izbornika

12

Za definiranje područja višesatnog unosa

Napomena: Većina ovdje opisanih elemenata HTML oznake odnosi se na HTML5 koji je najnovija inačica jezika HTML. Element oznake više nije podržan u HTML5; zapravo je korištena za prethodnu verziju HTML-a.

Sintaksa i primjer

Neke sintakse i primjeri elemenata HTML obrasca s izlazima su raspravljeni u nastavku:

  1. Element ""

Ovaj element može sadržavati i mnoge druge elemente, uključujući sljedeće:

    Primjer za element "" s gumbom za unos i slanje:

    Sintaksa:


    Your Name:

    oznake:



    Your name:


    Izlaz:

    1. Element ""

    Ovaj je element unutarnji i pripada skupini oblika elemenata.

    Sintaksa:


    Input name:
    Input age:

    oznake:



    Input name:
    Input age:


    Izlaz:

    1. Element ""

    Obično određuje unaprijed definirani popis ulaza za element gdje korisnici mogu odabrati bilo koju opciju s unaprijed definiranog popisa.

    Sintaksa:





    oznake:









    Izlaz:

    1. Element ""

    Ovaj se element u osnovi koristi za grupiranje povezanih elemenata u obrascima i crta okvir oko sličnih elemenata.

    Sintaksa:


    Celebrity:
    Name:
    Phone:
    Age:

    oznake:




    Celebrity:
    Name:
    Phone:
    Age:

    Izlaz:

    1. Element ""

    Ovaj se element može locirati izvan obrasca, ali ipak može biti dio obrasca. Obično se ovaj element koristi za određivanje jednog ili više oblika. Ovaj se element novo koristi u verziji HTML5 za generiranje ključa za šifriranje za prosljeđivanje šifriranih podataka preko obrasca na web mjestu temeljenom na HTML-u.

    Sintaksa:

    oznake:



    Username:

    Dolje spomenuto polje keygena izvan je oblika, ali još uvijek je dio gornjeg obrasca.

    Šifriranje:

    Izlaz:

    1. Element ""

    Ovaj element u osnovi daje naziv za obrazac za unos da bi korisnici razumjeli koji bi to trebali biti podaci. Djeluje kao pokazatelj za korisnike.

    Sintaksa:

    …

    oznake:


    Example of HTML label tag


    Boy
    Girl

    Izlaz:

    1. Element ""

    Ovaj element zapravo definira opis elementa. To je vrsta potpornog elementa za drugi element, dio elementa grupe.

    Sintaksa:


    Celebrity:
    Name:
    Phone:
    Age:

    oznake:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    Izlaz:

    1. Element ""

    Ovaj je element povezan s grupom koji se koristi za opcije na padajućem popisu u HTML obliku. Pomaže korisnicima da lako obrađuju dugački popis.

    Sintaksa:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    oznake:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Izlaz:

    1. Element ""

    Ovaj se element koristi za predstavljanje opcije s padajućeg popisa pod elementom; padajući popis mora sadržavati najmanje jednu opciju.

    Sintaksa:

    …

    oznake:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    Izlaz:

    1. Element ""

    Ovaj se element u osnovi koristi za prikaz rezultata izračuna (npr. U skriptu izračuna).

    Sintaksa:

    …

    oznake:



    Example of HTML output Tag

    +
    =

    Izlaz:

    1. Element ""

    Ovaj se element koristi za odabir s popisa unutar forme.

    Sintaksa:


    Bike
    Car
    Bus

    oznake:



    Example of HTML select Tag


    Bike
    Car
    Bus

    Izlaz:

    1. Element ""

    Ovaj se element koristi za definiranje višerednih unosa teksta (npr. Za adresu).

    Sintaksa:

    Stavite svoj komentar:
    Stavite ovdje …

    oznake:


    Example of HTML textarea Tag

    Stavite svoj komentar:
    Stavite ovdje …


    Izlaz:

    Zaključak

    Dostupno je toliko elemenata HTML obrasca; u ovom smo članku raspravljali o nekim osnovnim ili izvornim elementima HTML obrasca. Elementi HTML obrasca pomažu nam u stvaranju ispravnih i funkcionalnih HTML obrazaca. Valja napomenuti da većina HTML elemenata obrasca treba imati nekoliko atributa da bi bili uključeni zajedno s njima. Neki elementi ovise jedan o drugom koji se moraju kodirati zajedno. Elementi koji su već zastarjeli ne mogu se prikazati u svim preglednicima.

    Preporučeni članci

    Ovo je vodič za elemente HTML obrasca. Ovdje razgovaramo o uvodu i elementima forme sa sintaksom i uzorkom koda. Možete i proći naše druge predložene članke da biste saznali više -

    1. Verzije Html
    2. Prednosti HTML-a
    3. Karijera u HTML-u
    4. HTML Blokovi
    5. Besplatni HTML tečaj
    6. HTML okviri
    7. Postavite boju pozadine u HTML-u s primjerom

    Kategorija:

    Alati za web razvoj