Defnyddio'r Ffurflen Tag i Gyflwyno Ffurflenni
Ffurflenni HTML yw un o'r ffyrdd mwyaf sylfaenol o ychwanegu rhyngweithiad i'ch gwefan. Gallwch ofyn cwestiynau a gofyn am atebion gan eich darllenwyr, darparu gwybodaeth ychwanegol o gronfeydd data, gemau a sefydlwyd, a mwy. Mae yna nifer o elfennau HTML y gallwch eu defnyddio i adeiladu eich ffurflenni. Ac unwaith y byddwch wedi adeiladu eich ffurflen, mae yna lawer o ffyrdd gwahanol o gyflwyno'r data hwnnw i'r gweinydd neu dim ond cychwyn y weithred ar ffurf.
Mae'r rhain yn sawl ffordd y gallwch chi gyflwyno'ch ffurflenni:
-
- Dyma'r dull mwyaf cyffredin o gael data i'r gweinydd, ond gall fod yn amlwg iawn.
-
- Mae defnyddio delwedd yn ei gwneud yn hawdd iawn gwneud eich botwm cyflwyno yn cyd-fynd ag arddull eich safle. Ond efallai na fydd rhai pobl yn ei adnabod fel botwm cyflwyno.
-
- Mae'r tag IMPUT botwm yn rhoi llawer o'r un opsiynau â'r tag IMPRIF delwedd, ond mae'n edrych yn debyg i'r math cyflwyno safonol. Mae angen JavaScript i weithredu.
-
- Mae'r tag BUTTON yn botwm mwy amlbwrpas na'r tag INPUT. Mae'r tag hwn yn ei gwneud yn ofynnol i Javacript weithredu.
-
- Mae elfen COMMAND yn newydd yn HTML5, ac mae'n darparu ffordd i weithredu sgriptiau a ffurflenni gyda chamau cysylltiedig. Fe'i gweithredir gyda JavaScript.
Yr Elfen INPUT
Yr elfen INPUT yw'r ffordd fwyaf cyffredin o gyflwyno ffurflen, popeth rydych chi'n ei wneud yw dewis math (botwm, delwedd, neu gyflwyno) ac os oes angen, ychwanegu rhywfaint o sgriptio i gyflwyno i'r ffurflen.
Gellir ysgrifennu'r elfen yn union fel hynny. Ond os gwnewch chi, bydd gennych wahanol ganlyniadau mewn gwahanol borwyr. Mae'r rhan fwyaf o borwyr yn gwneud botwm sy'n dweud "Cyflwyno," ond mae Firefox yn gwneud botwm sy'n dweud "Cyflwyno'r Gofynniad." I newid beth mae'r botwm yn ei ddweud, dylech ychwanegu priodoldeb:
gwerth = "Cyflwyno Ffurflen">
Mae'r elfen yn cael ei ysgrifennu fel hyn, ond os byddwch yn gadael yr holl nodweddion eraill, bydd popeth a ddangosir mewn porwyr yn botwm llwyd gwag. I ychwanegu testun at y botwm, defnyddiwch y priodoldeb gwerth. Ond ni fydd y botwm hwn yn cyflwyno'r ffurflen oni bai eich bod yn defnyddio JavaScript.
onclick = "submit ();">
Mae'r tebyg i'r math botwm, sydd angen sgript i gyflwyno'r ffurflen. Ac eithrio, yn hytrach na gwerth testun, mae angen ichi ychwanegu URL ffynhonnell delwedd.
src = "submit.gif">
Elfen BUTTON
Mae'r elfen BUTTON yn gofyn am tagiau agor tagand agor Pan fyddwch chi'n ei ddefnyddio, bydd unrhyw gynnwys yr ydych yn ei gynnwys y tu mewn i'r tag wedi'i amgáu mewn botwm. Yna, byddwch yn actifadu'r botwm gyda sgript.
Cyflwyno Ffurflen
Gallwch gynnwys delweddau yn eich botwm neu gyfuno delweddau a thestun i greu botwm mwy diddorol.
Cyflwyno Ffurflen
Elfen COMMAND
Mae'r elfen COMMAND yn newydd gyda HTML5. Nid oes angen defnyddio FFURFLEN, ond gall weithredu fel botwm cyflwyno ar gyfer ffurflen. Mae'r elfen hon yn eich galluogi i greu tudalennau mwy rhyngweithiol heb fod angen ffurflenni oni bai bod angen ffurflenni arnoch. Os ydych chi am i'r gorchymyn ddweud rhywbeth, rydych chi'n ysgrifennu'r wybodaeth mewn priodoldeb label.
label = "Cyflwyno Ffurflen">
Os ydych chi am i'ch delwedd gael ei chynrychioli gan ddelwedd, rydych chi'n defnyddio'r priodwedd eicon.
icon = "submit.gif">
Mae'r erthygl hon yn rhan o'r Tiwtorial Ffurflenni HTML. Darllenwch y tiwtorial llawn i ddysgu sut i ddefnyddio ffurflenni HTML.
Mae gan ffurflenni HTML sawl ffordd o gyflwyno, fel y dysgoch ar y dudalen flaenorol. Dau o'r dulliau hynny yw'r tag INPUT a'r tag BUTTON. Mae rhesymau da dros ddefnyddio'r ddau elfen hon.
Yr Elfen INPUT
Y tag yw'r ffordd hawsaf o gyflwyno ffurflen. Nid oes angen dim y tu hwnt i'r tag ei hun, nid gwerth hyd yn oed. Pan fydd cwsmer yn clicio ar y botwm, mae'n ei gyflwyno'n awtomatig. Nid oes angen i chi ychwanegu unrhyw sgriptiau, mae'r porwyr yn gwybod i gyflwyno'r ffurflen pan glicio tag tag INPUT.
Y broblem yw bod y botwm hwn yn hyll iawn ac yn glir. Ni allwch ychwanegu delweddau ato. Gallwch ei arddull yn union fel unrhyw elfen arall, ond mae'n dal i deimlo fel botwm hyll.
Defnyddiwch y dull INPUT pan fydd yn rhaid i'ch ffurflen fod yn hygyrch hyd yn oed mewn porwyr sydd wedi diffodd JavaScript.
Elfen BUTTON
Mae'r elfen BUTTON yn cynnig mwy o opsiynau ar gyfer cyflwyno ffurflenni. Gallwch roi unrhyw beth y tu mewn i elfen BUTTON a'i droi'n botwm cyflwyno. Mae'r bobl fwyaf cyffredin yn defnyddio delweddau a thestun. Ond gallech greu DIV a gwneud y peth cyfan yn botwm cyflwyno os oeddech eisiau.
Yr anfantais fwyaf i'r elfen BUTTON yw nad yw'n cyflwyno'r ffurflen yn awtomatig. Mae hyn yn golygu bod angen rhyw fath o sgript i gael ei weithredu. Ac felly mae'n llai hygyrch na'r dull INPUT. Ni fydd unrhyw ddefnyddiwr nad oes ganddo JavaScript wedi troi ato yn gallu cyflwyno ffurflen gyda dim ond elfen BUTTON i'w gyflwyno.
Defnyddiwch y dull BUTTON ar ffurflenni nad ydynt mor hanfodol. Hefyd, mae hon yn ffordd wych o ychwanegu opsiynau cyflwyno ychwanegol o fewn un ffurflen.
Mae'r erthygl hon yn rhan o'r Tiwtorial Ffurflenni HTML . Darllenwch hi i ddysgu mwy am sut i ddefnyddio ffurflenni HTML