Lomakkeiden Parantaminen Syötekenttäattribuuteilla
HTML:n <input>-elementtejä voidaan mukauttaa attribuuteilla, jotka muuttavat niiden toimintaa. Alla on joitakin yleisimmin käytetyistä attribuuteista.
value
Asettaa syötekentän alkuarvon.
- Painikkeille: määrittää painikkeen tekstin;
- Teksti-/salasanakentille: asettaa oletustekstin;
- Valintaruutu-/radiopainikkeille: määrittää arvon, joka lähetetään valittaessa.
value-attribuuttia ei voi käyttää, kun type="file".
index.html
autofocus
Asettaa syötteen automaattisesti aktiiviseksi, kun sivu latautuu.
Tämä ei toimi alla olevassa esimerkissä, koska kun painat Suorita koodi, sivu ei lataudu uudelleen.
index.html
required
Tekee syötekentästä pakollisen. Lomaketta ei voi lähettää ennen kuin kenttä on täytetty.
index.html
placeholder
Näyttää ohjetekstin syötekentässä, kunnes käyttäjä kirjoittaa. Hyödyllinen esimerkiksi puhelinnumeroiden tai korttitietojen muotojen ohjeistamiseen.
index.html
Jokaisessa esimerkissä käytetään eri type-attribuutteja, jotka vaikuttavat syötteen toimintaan. Syötekenttien tyyppeihin perehdytään seuraavassa luvussa.
1. Mitä attribuuttia käytetään asettamaan oletusarvo syötekentälle?
2. Mitä attribuuttia käytetään asettamaan vihje tai esimerkki odotetusta arvosta input-elementille?
3. Mitä attribuuttia käytetään määrittämään, että syötekenttä on täytettävä ennen lomakkeen lähettämistä?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Mahtavaa!
Completion arvosana parantunut arvoon 2.38Lomakkeiden Parantaminen Syötekenttäattribuuteilla
Pyyhkäise näyttääksesi valikon
HTML:n <input>-elementtejä voidaan mukauttaa attribuuteilla, jotka muuttavat niiden toimintaa. Alla on joitakin yleisimmin käytetyistä attribuuteista.
value
Asettaa syötekentän alkuarvon.
- Painikkeille: määrittää painikkeen tekstin;
- Teksti-/salasanakentille: asettaa oletustekstin;
- Valintaruutu-/radiopainikkeille: määrittää arvon, joka lähetetään valittaessa.
value-attribuuttia ei voi käyttää, kun type="file".
index.html
autofocus
Asettaa syötteen automaattisesti aktiiviseksi, kun sivu latautuu.
Tämä ei toimi alla olevassa esimerkissä, koska kun painat Suorita koodi, sivu ei lataudu uudelleen.
index.html
required
Tekee syötekentästä pakollisen. Lomaketta ei voi lähettää ennen kuin kenttä on täytetty.
index.html
placeholder
Näyttää ohjetekstin syötekentässä, kunnes käyttäjä kirjoittaa. Hyödyllinen esimerkiksi puhelinnumeroiden tai korttitietojen muotojen ohjeistamiseen.
index.html
Jokaisessa esimerkissä käytetään eri type-attribuutteja, jotka vaikuttavat syötteen toimintaan. Syötekenttien tyyppeihin perehdytään seuraavassa luvussa.
1. Mitä attribuuttia käytetään asettamaan oletusarvo syötekentälle?
2. Mitä attribuuttia käytetään asettamaan vihje tai esimerkki odotetusta arvosta input-elementille?
3. Mitä attribuuttia käytetään määrittämään, että syötekenttä on täytettävä ennen lomakkeen lähettämistä?
Kiitos palautteestasi!
