Kuidas muuta vorm Action Kasutades JavaScript

Dünaamiliselt muuta vorm tegevuse väärtust kasutades JavaScript . sülearvuti pildi DuÅ¡an Zidar alates Fotolia.com

Enamik HTML vormid on kodeeritud tegevus URL, et harva on vaja muuta.Tegevus URL on midagi enamat kui URLi Vormi andmeid töödeldakse.Kasutades JavaScript, saab muuta tegevus URL enne saidi külastaja leiab kujul serverisse.See meetod võib tulla mugav, kui sa ei tea, vorm tegevus URL varem.Võite seda näidata kodeerimine tehnikat, muutes talle vormi URL vastuseks kasutaja sisend.

, mida te vajate

  • HTML Editor

juhised

  1. Loo uus HTMLdokument ja lisada järgmine vorm koodi keha dokumendi:

    & lt; vormis name = \ "testForm \" action = \ "\" enctype = \ "text / plain \" method = \ "POST \" & gt;
    & lt; p & gt;From: & lt; input type = \ "text \" name = \ "Test Nimi \" & gt;
    & lt; p & gt;& lt; input type = \ "esitada \" väärtus = \ "esitada kujul \" & gt;

    See vorm esitab talle määratud URL-ile kujul tegevus parameeter.Kuna see URL on tühi, e-posti nurjub.Sa dünaamiliselt määrata, et URL abil JavaScript esitama puuduva

    d URL.

  2. Lisa HTML allolevale nupule vormi kasutades seda koodi:

    & lt; input type = \ "nuppu \" väärtus = \ "Pilt Set Target URL \" onclick = \ "tagasi setFormURL () \" / & gt;

  3. Loo \ "& lt; script & gt; \" Dokumendi osades ning lisada järgmised JavaScript funktsioon:

    funktsiooni setFormURL () {
    var sendToURL = \ "xyz \"
    GO
    document.testForm.action =\ "mailto: \" + sendToURL
    GO
    }

    See funktsioon loob tegevus URL kujul väärtuses, et teil täpsustada muutuja nimega \ "sendToURL \".Määra et väärtus URL teadaoleva e-posti konto, et sa ise.

  4. Test HTML lehel brauseris.Kui klõpsate \ "Set Email URL \" nuppu, JavaScript funktsioon muutub tegevus URL kujul väärtusega, mille te funktsiooni.Kui saadate kujul, saadab brauser talle seda e-posti aadress.

Tips & amp;Hoiatused

  • Kui saidi külastaja on JavaScript keelatud oma brauseri seadeid, ei saa te JavaScript muuta vorm tegevuse.
  • Võite kasutada seda tehnikat regulaarselt vorme, et ei saada kirju.Näiteks võid muuta URL PHP töötlemise programm serveris abil JavaScript.

Resources

  • HTML kood Juhendaja: HTML vorm
  • Net Mechanic: vorm töötlemine põhitõed
887
0
1
Java Script