Gebruik die Invoer Tag om vorms in te dien
HTML-vorms is een van die mees basiese maniere om interaktiwiteit aan jou webwerf te voeg. Jy kan vrae vra en antwoorde van jou lesers aanvra, addisionele inligting verskaf uit databasisse, speletjies opstel, en meer. Daar is 'n aantal HTML-elemente wat jy kan gebruik om jou vorms te bou. En sodra jy jou vorm gebou het, is daar baie verskillende maniere waarop jy die data na die bediener kan stuur of net begin met die vormaksie.
Dit is verskeie maniere om u vorms in te dien:
-
- Dit is die mees algemene metode om data na die bediener te kry, maar dit kan baie duidelik lyk.
-
- Deur 'n prent te gebruik, maak dit baie maklik om jou stuurknoppie fiks te maak met die styl van jou werf. Maar sommige mense herken dit dalk nie as 'n knoppie nie.
-
- Die knoppie INPUT-tag gee baie dieselfde opsies as die prent INPUT-tag, maar lyk meer soos die standaard-indieningstipe. Dit vereis dat JavaScript geaktiveer moet word.
-
- Die BUTTON-tag is 'n meer veelsydige tipe knoppie as die INPUT-tag. Hierdie merker vereis dat Javacript aktiveer.
-
- Die COMMAND-element is nuut in HTML5, en dit bied 'n manier om skrifte en vorms met verwante aksies te aktiveer. Dit word geaktiveer met JavaScript.
Die INPUT Element
Die INPUT-element is die mees algemene manier om 'n vorm in te dien. Al wat jy doen, is om 'n tipe (knoppie, prent of inskrywing) te kies en indien nodig, voeg 'n paar skripte by om die vorm aksie in te dien.
Die element kan net so geskryf word. Maar as jy dit doen, sal jy verskillende resultate in verskillende blaaiers hê. Die meeste blaaiers maak 'n knoppie wat sê 'Submit', maar Firefox maak 'n knoppie wat sê 'Stuur navraag'. Om te verander wat die knoppie sê, moet jy 'n kenmerk byvoeg:
waarde = "Stuur vorm">
Die element is so geskryf, maar as jy alle ander eienskappe verlaat, sal alles wat in blaaiers vertoon word, 'n leë grys knoppie is. Om teks by die knoppie by te voeg, gebruik die waarde kenmerk. Maar hierdie knoppie sal nie die vorm indien nie, tensy jy JavaScript gebruik.
onclick = "submit ();">
Dit is soortgelyk aan die knoppie tipe, wat 'n script benodig om die vorm in te dien. Behalwe dat in plaas van 'n tekswaarde, moet u 'n beeldbron-URL byvoeg.
src = "submit.gif">
Die knoppie element
Die knoppie-element vereis beide 'n openings-tag en 'n sluitingsteken. As jy dit gebruik, sal enige inhoud wat jy binne die tag bevat, in 'n knoppie ingevul word. Dan aktiveer jy die knoppie met 'n skrif.
Dien vorm in
Jy kan prente in jou knoppie insluit of beelde en teks kombineer om 'n meer interessante knoppie te skep.
Dien vorm in
Die COMMAND Element
Die COMMAND element is nuut met HTML5. Dit vereis nie 'n FORM om gebruik te word nie, maar dit kan as 'n diensknoppie dien vir 'n vorm. Hierdie element laat jou toe om meer interaktiewe bladsye te skep sonder om vorms te vereis, tensy jy regtig vorms benodig. As jy die opdrag wil hê om iets te sê, skryf jy die inligting in 'n etiket attribuut.
label = "Submit Form">
As u wil hê dat u opdrag deur 'n prent verteenwoordig moet word, gebruik u die kenmerk van die ikoon.
icon = "submit.gif">
Hierdie artikel is deel van die HTML Forms Tutorial. Lees deur die volledige handleiding om te leer hoe om HTML-vorms te gebruik.
HTML-vorms het verskillende maniere om in te dien, soos u op die vorige bladsy geleer het. Twee van die metodes is die INPUT-tag en die knoppie BUTTON. Daar is goeie redes om albei hierdie elemente te gebruik.
Die INPUT Element
Die kode is die maklikste manier om 'n vorm in te dien. Dit vereis niks buite die merker self, nie eens 'n waarde nie. Wanneer 'n kliënt op die knoppie klik, word dit outomaties ingedien. Jy hoef nie enige skrifte by te voeg nie, die blaaiers weet om die vorm in te dien wanneer 'n INPUT-kode ingedien word.
Die probleem is dat hierdie knoppie baie lelik en eenvoudig is. Jy kan nie beelde byvoeg nie. Jy kan dit net soos enige ander element styl, maar dit kan nog steeds soos 'n lelike knoppie voel.
Gebruik die INPUT-metode wanneer u vorm toeganklik moet wees, selfs in blaaiers wat JavaScript afgeskakel het.
Die knoppie element
Die knoppie element bied meer opsies om vorms in te dien. Jy kan enigiets binne 'n KNOP-element plaas en dit in 'n stuurknoppie verander. Meestal gebruik mense beelde en teks. Maar jy kan 'n DIV skep en die hele ding 'n indieningsknoppie maak as jy wil.
Die grootste nadeel van die knoppie element is dat dit nie outomaties die vorm inhandig nie. Dit beteken dat daar 'n soort script moet wees om dit te aktiveer. En so is dit minder toeganklik as die INPUT-metode. Enige gebruiker wat nie JavaScript aangeskakel het nie, kan nie 'n vorm indien met slegs 'n knoppie-element om dit in te dien nie.
Gebruik die knoppie metode op vorms wat nie so krities is nie. Dit is ook 'n goeie manier om bykomende voorleggingsopsies in een vorm by te voeg.
Hierdie artikel is deel van die HTML Forms Tutorial . Lees dit om meer te leer oor hoe om HTML-vorms te gebruik