HTML-lomakkeen ominaisuudet

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

Action ominaisuus

action Ominaisuudet määrittelevät toiminnon, joka suoritetaan lomakkeen lähettämisessä.

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

Alla olevassa esimerkissä lomakkeen tiedot lähetetään tiedostoon nimeltä "action_page.php". Tämä tiedosto sisältää lomakkeen tietojen käsittelyn palvelinpuolen skriptin:

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 nykyiselle sivulle.

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 tiedon lähettämiseen.

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

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

Esimerkki

Tässä esimerkissä lomakkeen tiedot lähetetään GET-metodilla:

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

Kokeile itse

Esimerkki

Tässä esimerkissä lomakkeen tiedot lähetetään POST-metodilla:

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

Kokeile itse

Huomioitavaa GETin osalta:

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

Huomioitavaa POSTin osalta:

  • Lisää lomakkeen tiedot HTTP-pyynnön sisään (ei näy URLissa)
  • POST ei ole kokoisrajoitettu, ja sitä voidaan käyttää suurten tietomäärien lähettämiseen.
  • POSTin mukana lähetettävien lomakkeiden lähettäminen ei voi lisätä kirjanmerkkejä

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

Autocomplete-ominaisuus

autocomplete Atribuutti määrittää, tulisiko lomakkeelle ottaa käyttöön automaattinen täyttö.

Kun automaattinen täyttö on otettu käyttöön, selain täyttää arvot automaattisesti käyttäjän aiemmin syöttämiin arvoihin perustuen.

Esimerkki

Ota käyttöön automaattinen täyttö lomakkeelle:

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

Kokeile itse

Novalidate-attribuutti

novalidate Attribuutti on totuusarvopohjainen attribuutti.

Jos on asetettu, se määrittää, että lomakkeen tietoja ei tulisi tarkistaa lähetyksen yhteydessä.

Esimerkki

Lomake, jolla ei ole asetettu novalidate-Attribuuttia:

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

Kokeile itse

Kaikkien <form>-attribuuttien luettelo

Attribuutti Kuvaus
accept-charset Määritellään, minkä merkkikoodauksen lomakkeen lähetyksen yhteydessä käytetään.
action Määritellään, mihin lomakkeen tiedot lähetetään lähetyksen yhteydessä.
autocomplete Määritellään, tulisiko lomakkeen avata automaattinen täyttö (tietojen syöttö) -toiminto.
enctype Määritellään, miten lomakkeen tiedot koodataan, kun ne lähetetään palvelimelle (vain method="post").
method Määritellään HTTP-menetelmä, jota käytetään lomakkeen lähetyksen yhteydessä.
name Määritellään lomakkeen nimi.
novalidate Määritellään, ei tulisi tarkistaa lomaketta lähetyksen yhteydessä.
rel Määritellään linkin resurssien ja nykyisen dokumentin välinen suhde.
target Määritellään, missä kohdassa näytetään vastaus, jonka vastaanotetaan lomakkeen lähetyksen jälkeen.