Kuidas luua HTML-vorme

by

Vormi saate lisada olemasolevale HTML-dokumendile

siltide sees. Need sildid toimivad kõigi vormiandmete (nt tekstiväljade, loendite ja nuppude) konteinerina. Kui keegi edastab teie vormi kaudu teavet, saadetakse andmed serverisse, mis salvestab, töötleb, saadab või kuvab sisu põhjal tulemusi. Siit saate teada, kuidas seadistada märgendit

, et teie vorm teeks seda, mida soovite, ja kuidas lisada teabe kogumiseks sisendeid.

1
Avage oma HTML-dokument eelistatud tekstiredaktoris. HTML-vormi sisu tuleb sisestada siltide

ja

sisse. Need sildid toimivad teie vormi konteinerina, nagu ka teised konteinerimärgendid, nagu

ja

. Vormi koostamiseks saate kasutada siltide

sees CSS-i või HTML-i vaata nii nagu tahad.

2
Avage element

. Vormi käivitamiseks kerige failis kohta, kust vorm peaks algama, ja tippige oma reale . See silt tähistab teie vormi algust.

3
Lisage märgendile

atribuut “action=â€. See annab sildile

teada, mida vormiandmetega teha. Selle määramiseks lisate failile

atribuut action=â€path_to_script†> tag.Näiteks:

(kui vormiandmeid sõeluv skript asub teie serveri kataloogis nimega “cgi-binâ€)” .Kui skript asub teises serveris:

Vormi andmete saatmiseks meiliaadressile (mitte skriptile):

4
Otsustage, kuidas vormi andmed saadetakse. Nüüd, kui olete määranud, kuhu vormi andmed saadetakse, peate otsustama, kas teie vorm saab andmed “HANGI” või “POSTITAB”. Seejärel lisate märgendi

sisse meetodi atribuudiks “GET†või “POSTâ€. Ressursilt andmete küsimiseks kasutage method=â€getâ€. Andmete toomiseks peaksite kasutama ainult GET-i. Ärge kunagi kasutage GET-i tundliku teabega, nagu paroolid või sotsiaalkindlustusnumbrid. Töödeldavate andmete esitamiseks kasutage meetodit =â€postâ€. Kasutage seda, kui vormi andmed on tundlikud, nt paroolide või krediitkaardinumbrite jaoks. Lõpptulemus peaks järgima järgmist vormingut:

5
Looge tekstikast, kasutades . Saate lisada tühja kasti, kuhu külastajad saavad sisestada oma nimed, kommentaarid või midagi muud, mida vajate. Alustage seda uuel real pärast märgendit

. Näiteks eesnimi: loob tekstikasti, mille eessõna on “Eesnimi:”. €, et kasutajad teaksid, mida kasti sisestada.Muutke väärtust “id=†(näites “name”), et see vastaks sellele, mida andmetega teete. Kui andmed saadetakse skripti, see väärtus peaks vastama millelegi skriptis.

6
Looge paroolikast. Kui teie skript nõuab kasutajal parooli sisestamist, lisate veel ühe , seekord atribuudiga “type†on seatud “password”. Tippige uuele reale Parool:

7
Lisage valikute jaoks raadionupud. Kui soovite, et külastajad valiksid üksuste loendist, looge raadionuppudega valikute loend. Selleks kasutage märgendit , mille atribuudiks “type†on seatud “radio”. Raadionuppude loomiseks valige “Koer” või “Kass”: Koer CatA raadionuppude rühmal peaks kõigil olema sama atribuut “name—.

8
Lisateave vormi täpsemate valikute kohta. Vormi saate lisada nii palju sisendeid ja loendeid. Suurepärane viis oma HTML-vormide teadmiste laiendamiseks on sirvida W3schooli HTML-vormide saiti. Lisaks on palju kasulikke Selgitatud artikleid, mis aitavad teil seadistada selliseid elemente nagu valitavad loendid, lähtestamise/tühjendamise nupud ja märkeruudud.

9
Looge Esita . Kui külastaja on vormi täitnud, peab ta selle esitama, klõpsates esitamisnupul. Siin on näide:Asenda “Saada sõnum” tekstiga, mida soovite nupul kuvada.

10
Tippige vormi lõppu

. See silt näitab, et vorm on läbi. Pidage meeles, et kogu vormi sisu peab olema lahtrites

ja

.

11
Laadige dokument üles oma veebiserverisse. Nüüd, kui olete oma HTML-dokumendile vormi lisanud, laadige see üles oma veebiserverisse ja proovige seda!

+++

  1. Taustapildi määramine HTML-is

  2. Kuidas kirjutada HTML-koodi

  3. Kuidas luua HTML-iga lihtsat veebilehte

  4. Kuidas HTML-i rida lisada

  5. Kuidas õppida HTML-i

  6. Kuidas saata HTML-e-kirju

  7. Kuidas muuta teksti värvi HTML-is