Uvod v elemente HTML obrazca
V tehnologijah spletnega razvoja (zlasti za sprednji del) je "HTML" osnovni ali primarni označni jezik, ki ga uporabljamo za prikaz spletnih strani (stran, ki jo vidimo na spletnem mestu). Včasih moramo na strani HTML, skupaj z drugimi prikazom vsebine, vnesti tudi nekaj uporabniških vnosov (zlasti na dinamičnih spletnih straneh). Če želimo uporabniške vnose na strani HTML uporabiti, uporabimo več elementov obrazcev, da te obrazce pravilno ustvarimo in s pomočjo teh obrazcev pravilno vnesemo uporabniške vnose in jih vnesemo v naše notranje Baze podatkov na zadnji strani. Ker vemo, da so kode HTML napisane pod različnimi elementi oznak (), so v bistvu elementi HTML obrazca tisti elementi, ki se uporabljajo znotraj oznake "". Ti elementi skupaj z drugimi standardnimi in edinstvenimi atributi tudi dajejo obliko in strukturo, ki uporabnikom sporočajo, kaj z obrazcem storiti in kako strukturno postopati.
Pojasnite elemente obrazca HTML (vključno s sintakso in primeri z izhodom)
Ker obstaja več elementov obrazca HTML, s katerimi lahko ustvarite obrazec in strukturiran videz; spodaj je nekaj pojasnjenih ena za drugo.
| SL Št. | Oznake | Pomen / opisi |
|
1 | Za določitev obrazca HTML za uporabniške vnose | |
|
2 | Za določitev vhodnega nadzora | |
|
3 | Določite seznam vnaprej določenih možnosti | |
|
4 | Določiti elemente, povezane s skupino | |
|
5 | Za določitev varnega vhoda | |
|
6 | Določiti oznako vnosa | |
|
7 | Določite napis za nabor polja | |
|
8 |
Določiti skupino podobnih možnosti |
|
|
9 |
Če želite določiti možnost za spustni meni |
|
|
10 |
Za določitev rezultata |
|
|
11 |
Če želite določiti seznam spustnega menija |
|
|
12 |
Določite večnamensko vhodno območje |
Opomba: Večina elementov HTML oznake, o katerih smo razpravljali tukaj, je za HTML5, ki je najnovejša različica jezika HTML. Element oznake v HTML5 ni več podprt; dejansko je bil uporabljen za prejšnjo različico HTML-ja.
Sintaksa in primer
V nadaljevanju so opisani nekateri sintaksi in primeri elementov HTML Form z izhodi:
-
Element ""
Ta element lahko vsebuje številne druge elemente, vključno s spodnjimi:
Primer elementa "" z gumbom za vnos in oddajo:
Sintaksa:
Your Name:
Kode:
Your name:
Izhod:
-
Element ""
Ta element je vhodni element in spada v skupino obrazcev.
Sintaksa:
Input name:
Input age:
Kode:
Input name:
Input age:
Izhod:
-
Element ""
Običajno poda vnaprej določen seznam vhodov za element, kjer lahko uporabniki izberejo katero koli možnost s vnaprej določenega seznama.
Sintaksa:
Kode:
Izhod:
-
Element ""
Ta element se v osnovi uporablja za združevanje povezanih elementov v obrazce in okoli podobnih elementov nariše polje.
Sintaksa:
Celebrity:
Name:
Phone:
Age:
Kode:
Celebrity:
Name:
Phone:
Age:
Izhod:
-
Element ""
Ta element se lahko nahaja zunaj obrazca, vendar je lahko del obrazca. Običajno se ta element uporablja za določitev enega ali več obrazcev. Ta element se na novo uporablja v različici HTML5 za ustvarjanje šifrirnega ključa za pošiljanje šifriranih podatkov prek obrazca na spletnem mestu, ki temelji na HTML-ju.
Sintaksa:
Kode:
Username:
Spodaj omenjeno polje keygen je zunaj obrazca, vendar je še vedno del zgornjega obrazca.
Šifriranje:Izhod:
-
Element ""
Ta element v bistvu poda ime obrazca za vnos, da uporabniki razumejo, kakšni naj bodo vhodni podatki. Deluje kot indikator za uporabnike.
Sintaksa:
…
Kode:
Example of HTML label tag
Boy
Girl
Izhod:
-
Element ""
Ta element dejansko določa napis za element. To je nekakšen podporni element za drug element, del skupinskega elementa.
Sintaksa:
Celebrity:
Name:
Phone:
Age:
Kode:
Example of HTML legend tag
Celebrity:
Name:
Phone:
Age:
Izhod:
-
Element ""
Ta element je element, povezan s skupino, ki se uporablja za možnosti na spustnem seznamu v obliki HTML. Uporabnikom pomaga enostavno urejanje dolgega seznama.
Sintaksa:
Ninja 300
Ninja 450
Pulsar 200
Pulsar 150
Kode:
Example of HTML legend tag
Ninja 300
Ninja 450
Pulsar 200
Pulsar 150
Izhod:
-
Element ""
Ta element se uporablja za prikaz možnosti s spustnega seznama pod elementom; spustni seznam mora vsebovati vsaj eno možnost.
Sintaksa:
…
Kode:
Example of HTML option tag
Bikes
Cars
Buses
Izhod:
-
Element ""
Ta element se v osnovi uporablja za prikaz rezultata izračuna (npr. V scenarijskem izračunu).
Sintaksa:
…
Kode:
Example of HTML output Tag
+
=
Izhod:
-
Element ""
Ta element se uporablja za izbiro s seznama v obrazcu.
Sintaksa:
Bike
Car
Bus
Kode:
Example of HTML select Tag
Bike
Car
Bus
Izhod:
-
Element ""
Ta element se uporablja za definiranje besedilnih vnosov več vrstic (npr. Za naslov).
Sintaksa:
Dodajte svoj komentar:
Daj sem …
Kode:
Example of HTML textarea Tag
Dodajte svoj komentar:
Daj sem …
Izhod:
Zaključek
Na voljo je toliko elementov obrazca HTML; v tem članku smo obravnavali nekatere osnovne ali izvorne elemente obrazca HTML. Elementi obrazca HTML nam pomagajo ustvariti ustrezne in funkcionalne obrazce HTML. Opozoriti je treba, da večina elementov obrazca HTML potrebuje nekaj atributov, da jih vključimo. Nekateri elementi so odvisni drug od drugega, ki jih je treba kodirati skupaj. Elementi, ki so že zastareli, morda ne bodo prikazani v vseh brskalnikih.
Priporočeni članki
To je vodnik za elemente obrazca HTML. Tukaj razpravljamo o uvodu in elementih obrazca s sintakso in vzorčno kodo. Če želite izvedeti več, lahko preberete tudi druge naše predlagane članke -
- Različice HTML
- Prednosti HTML-ja
- Poklic v HTML
- Bloki HTML
- Brezplačni tečaj HTML
- Okvirji HTML
- Nastavite barvo ozadja v HTML s Primerom