Enhancing Forms With Input Attributes
Pyyhkäise näyttääksesi valikon
HTML-<input>-elementtejä voidaan mukauttaa attribuuteilla, jotka muuttavat niiden toimintaa. Alla on joitakin yleisimmin käytettyjä attribuutteja.
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ää yhdessä type="file" kanssa.
index.html
autofocus
Syöttökentän automaattinen kohdistus sivun latautuessa.
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öttökentän sisällä, kunnes käyttäjä kirjoittaa. Hyödyllinen esimerkiksi puhelinnumeroiden tai korttitietojen muotoilussa.
index.html
Jokaisessa esimerkissä käytetään eri type-attribuutteja, jotka vaikuttavat syöttökentän toimintaan. Syöttökenttien tyyppeihin tutustutaan seuraavassa luvussa.
1. Mitä attribuuttia käytetään syötekentän oletusarvon asettamiseen?
2. Mitä attribuuttia käytetään vihjeen tai esimerkin asettamiseen odotetun arvon 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
