HTML-lomakkeen ominaisuudet

Tämä luku esittelee HTML:n <form> Elementin eri ominaisuudet.

Action ominaisuus

action Ominaisuus määrittää toiminnon, joka suoritetaan lomakkeen lähettämisessä.

Yleensä, kun käyttäjä napsauttaa "Lähetä"-painiketta, lomakkeen tiedot lähetetään palvelimelle sijaitsevaan tiedostoon.

Tässä esimerkissä lomakkeen tiedot lähetetään tiedostoon nimeltä "action_page.php". Tämä tiedosto sisältää lomakkeen tietojen käsittelyn palvelinohjelman:

Esimerkki

Lähetettynä, lomakkeen tiedot lähetetään sivulle "action_page.php":

<form action="/action_page.php">
  <label for="fname">Etunimi:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Sukunimi:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

Kokeile itse

Vinkki:Jos action-ominaisuutta ei määritetä, action asetetaan nykyiseen sivuun.

Target-ominaisuus

target Ominaisuus määrittää, missä lomakkeen lähettämisen jälkeen vastaus näytetään.

target Ominaisuus voi asettaa seuraavista arvoista yhden:

Arvo Kuvaus
_blank Vastaus näkyy uudessa ikkunassa tai välilehdessä.
_self Vastaus näkyy nykyisessä ikkunassa.
_parent Vastaus näkyy isäkehyksessä.
_top Vastaus näkyy ikkunan koko bodyssä.
framename Vastaus näkyy nimetyssä iframeissä.

Oletusarvo on _self，tämä tarkoittaa, että vastaus avataan nykyisessä ikkunassa.

Esimerkki

Tässä, lähetetyn tuloksen avataan uudessa selaimen välilehdessä:

<form action="/action_page.php" target="_blank">

Kokeile itse

Method-ominaisuus

Method-ominaisuus määrittää, mitä HTTP-metodia käytetään lomakkeen tietojen lähettämiseen.

Lomakkeen tiedot voidaan käyttää URL-varianteina (käyttämällä method="get"）tai HTTP POST-transaktiona (käyttämällä method="post"）lähettää.

Lähettäessä lomakkeen tietoja oletusarvoinen HTTP-metodi on GET。

Esimerkki

Tässä esimerkissä käytetään GET-metodia lomakkeen tiedon lähettämiseen:

<form action="/action_page.php" method="get">

Kokeile itse

Esimerkki

Tässä esimerkissä käytetään POST-metodia lomakkeen tiedon lähettämiseen:

<form action="/action_page.php" method="post">

Kokeile itse

Huomioitavaa GETin osalta:

  • Lisää lomakkeen tiedot URL:n loppuun nimi-arvo-pareina
  • Älä koskaan käytä GET:ää arkaluonteisten tietojen lähettämiseen！（Lähetetyn lomakkeen tiedot näkyvät URL:ssa！）
  • URL:n pituus on rajallinen (2048 merkkiä)
  • Hyödyllinen, kun käyttäjä haluaa lisätä tulokset kirjanmerkkeihin
  • GET sopii epäluottamuksellisiin tietoihin, kuten Google-hakujen merkkijonoihin

Huomioitavaa POSTin osalta:

  • Liitä lomakkeen tiedot HTTP-pyynnön sisäänvedossa (ei näy URL:ssa)
  • POST ei ole kokoonrajoitettu, ja sitä voidaan käyttää suurten tietomäärien lähettämiseen.
  • POSTin kanssa lähetettävien lomakkeiden lähettäminen ei voi lisätä kirjanmerkkejä

Vinkki:Jos lomakkeen tiedot sisältävät arkaluonteisia tietoja tai henkilökohtaisia tietoja, käytä aina POST!

Autocomplete-ominaisuus

autocomplete Ominaisuus määrittää, tulisiko lomakkeen avata automaattinen täyttötoiminto.

Kun automaattinen täyttötoiminto on otettu käyttöön, selain täyttää arvot automaattisesti käyttäjän aikaisemmin syöttämiensä tietojen perusteella.

Esimerkki

Ota käyttöön automaattinen täyttömuotoilua sisältävä lomake:

<form action="/action_page.php" autocomplete="on">

Kokeile itse

Novalidate-attribuutti

novalidate Attribuutti on boolean-ominaisuus.

Jos asetettu, se määrittää, ei tulisi tarkistaa lomakkeen tietoja lähettäessä.

Esimerkki

Lomake ilman asetettua novalidate-attribuuttia:

<form action="/action_page.php" novalidate>

Kokeile itse

Kaikkien <form>-attribuuttien luettelo

Attribuutti Kuvaus
accept-charset Määrittää lomakkeen lähettämiseen käytettävän merkistökoodauksen.
action Määrittää, mihin lomakkeen tiedot lähetetään lähetettäessä lomaketta.
autocomplete Määrittää, tulisiko lomakkeen avata automaattinen täyttötoiminto.
enctype Määrittää, miten lomakkeen tiedot koodataan, kun ne lähetetään palvelimelle (vain method="post").
method Määrittää HTTP-menetelmän, jota käytetään lomakkeen lähettämiseen.
name Määrittää lomakkeen nimen.
novalidate Määrittää, ei tulisi tarkistaa lomaketta lähettäessä.
rel Määrittää linkin ja nykyisen dokumentin välisen suhteen.
target Määrittää, missä näytetään vastaus, kun lomaketta lähetetään.