HTML knoppen op Formulieren meitsje

Mei de ynfier Tag om Formulier te meitsjen

HTML-foarmen binne ien fan 'e basisûnderwiis om ynteraktiviteit te meitsjen oan jo webside. Jo kinne fragen stelle en jo antwurden fan jo lêzers fersykje, ekstra ynformaasje útstamme fan databases, setten spultsjes, en mear. Der binne in tal HTML-eleminten dy't jo brûke kinne om jo formulieren te bouwen. En as jo jo foarm boud hawwe, binne der ferskate manieren om dizze gegevens oan de tsjinner te pleatsen of gewoan de formulier aktyf te begjinnen.

Dit binne ferskate manieren dy't jo formulieren yntsjinje kinne:

It INPUT-elemint

It elemint INPUT is de meast foarkommende manier om in formulier te stjoeren, alles wat jo dogge is kieze in type (knop, ôfbylding, of yntsjinje) en as it nedich is om skript te foegjen oan it formulearring.

De elemint kin krekt sa skreaun wurde. Mar as jo dogge, sille jo ferskillende browsers ferskillende resultaten hawwe. De measte browsers meitsje in knop dy't "Submit" betsjuttet, mar Firefox makket in knop dy't "Submit Query" seit. Om te wizigjen wat de knop seit, moatte jo in attribje taheakje:

value = "Submit Form">

It elemint is sa skruten, mar as jo alle oare attribes ferlitte, dan sil alles dat yn browsers werjaan sil is in lege greate knop. Om tekst ta te foegjen oan 'e knop, brûk it wearde-attribút. Mar dizze knop sil it formulier net foarjaan as jo JavaSkript brûke.

onclick = "submit ();">

It is fergelykber mei de knopstype, dy't in skript nedich om it formulier te foegjen. Utsein dat ynstee fan in tekstwearde moatte jo in URL-boarne tafoegje.

src = "submit.gif">

It BUTTONElement

It elemint BUTTON fereasket sawol in iepenje tagong en in slute tag As jo ​​it brûke, dan wurde alle ynhâlds dy't jo yn it tag bewarre wurde yn in knop omskreaun wurde. Dan aktivearje jo de knop mei in skript.

Submit Form

Jo kinne ôfbyldings yn jo knop befetsje of kombinearje bylden en tekst om in nijsgjirrige knop te meitsjen.

Submit Form

It kommandoElement

It kommando-elemint is nij mei HTML5. It freget gjin FORM om te brûken, mar it kin as submit knop foar in formulier dwaan. Dit elemint lit jo mear ynteraktive siden oanmeitsje sûnder dat jo formulieren nedich binne, útsein jo jo e-mails hawwe. As jo ​​it kommando wolle dat jo wat sizze wolle, skriuw jo de ynformaasje yn in label-attribút.

label = "Submit Form">

As jo ​​wolle dat jo kommando troch in byld fertsjintwurdige wurdt, brûk jo it byldkaike attribute.

icon = "submit.gif">

Dit artikel is in diel fan 'e HTML Forms Tutorial. Lês troch it folsleine tutorial om te learen hoe't HTML-formulieren brûkt wurde.

HTML-foarmen hawwe ferskate manieren om te jaan, lykas jo leard hawwe op de foarige side. Twa fan dy metoaden binne it INPUT-tag en de knopBUTTON-tag. Der binne goede redenen om beide fan dizze eleminten te brûken.

It INPUT-elemint

It tag is de maklikste manier om in formulier te stjoeren. It freget neat oars as it tag sels, net sels in wearde. As in klant klikst op de knop, jout it automatysk oer. Jo moatte gjin skripts taheakje, de browsers kinne it formulier yntsjinje as in opjûne INPUT-tag klikke.

It probleem is dat dizze knop is heulendal en flak. Jo kinne gjin ôfbyldings oanmeitsje. Jo kinne dit krekt as elke oare elemint stylisearje, mar it kin altyd fiele as in ûnsjogge knop.

Brûk de INPUT-metoade as jo formulier ek tagonklik wêze moatte yn browsers dy't JavaScript útskeakele ha.

It BUTTONElement

It elemint BUTTON biedt mear opsjes foar it útjaan fan formulieren. Jo kinne alles yn in elemint BUTTON sette en it yn in submappen knopke. Meastentiids brûke minsken bylden en tekst. Mar jo kinne in DIV meitsje en dit folsleine ding meitsje in subtropke knop as jo wolle.

De grutste neidiel foar it elemint BUTTON is dat it automatysk net it formulier yntsjinnet. Dit betsjut dat der wat soarte skript wêze moat om dit te aktivearjen. En sa is it minder berikber as de INPUT-metoade. Elke brûker dy't net JavaSkript ynskeakele is sil net in formulier kinne mei allinich in knop-elemint yntsjinje om it te stjoeren.

Brûk de opsjeFAST metoade op formulieren dy't net sa kritysk binne. Ek dit is in geweldige manier om ekstra yntree-opsjes yn ien foarm ta te foegjen.

Dit artikel is in diel fan 'e HTML Forms Tutorial . Lês it om mear te learen oer hoe't HTML-formulieren brûke