HTML <button> formmethod-ominaisuus

HTML-<button> -tagi

Määrittely ja käyttö

formmethod Attribuutti määrittää, mitä HTTP-menetelmää käytetään lomakkeen tietojen lähettämiseen. Tämä attribuutti korvaa lomakkeen method-attribuutin.

formmethod Attribuutti käytetään vain type="submit" painikkeen.

Lomakkeen tiedot voidaan lähettää URL-avaimina (käyttämällä method="get") tai lähettää HTTP post -sopimuksena (käyttämällä method="post")

Huomioitavaa "get"-menetelmää varten:

  • Se liittää lomakkeen tiedot nimellis/luvullisena parina URL:hen
  • Tämä on erittäin hyödyllistä lomakkeen lähettämisessä, jolloin käyttäjä haluaa lisätä tuloksen kirjanmerkkeihin
  • URL:hen voidaan sijoittaa rajallinen määrä tietoja（selaimen mukaan），joten ei voida taata, että kaikki lomakkeen tiedot voidaan lähettää oikein.
  • Älä koskaan käytä "get"-menetelmää arkaluontoisten tietojen lähettämiseen！（Salasanat tai muut arkaluontoiset tiedot näkyvät selaimen osoitekehyksessä）

Huomioitavaa "post"-menetelmää varten:

  • Se lähettää lomakkeen tiedot HTTP POST -sopimuksena
  • Lähetetyt lomakkeen tiedot eivät voi olla kirjanmerkkejä
  • verrattuna "get"-menetelmään, "post"-menetelmä on vahvempi ja turvallisempi
  • Se ei ole mitään kokoonpanorajoituksia

Esimerkki

Lomake, jossa on kaksi lähettä painiketta. Ensimmäinen lähettää lomakkeen tiedot method="get"-menetelmällä, toinen lähettää lomakkeen tiedot method="post"-menetelmällä:

<form action="/action_page.php" method="get">
  <label for="fname">Etunimi:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Sukunimi:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Lähetä</button>
  <button type="submit" formmethod="post">Käytä POST-lähettämistä</button>
</form>

Kokeile itse

Syntaksi

<button type="submit" formmethod="get|post">

Ominaisuusarvo

Arvo Kuvaus
get Lisää lomakkeen tiedot URL:hen:URL?name=value&name=value.
post Lähetä lomakkeen tiedot HTTP post -tilanteena.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan siihen ominaisuuden selaimen version.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

Huomautus:formmethod Ominaisuus on uusi ominaisuus HTML 5:ssä.

HTML-<button> -tagi