Lomakesyötteiden Nimeäminen
Tunnisteet (<label>) ovat olennaisia tekstiselitteiden yhdistämisessä lomakekenttiin, mikä parantaa saavutettavuutta ja käytettävyyttä. On tärkeää, että for-attribuutin arvo <label>-tagissa vastaa id -attribuuttia siihen liittyvässä input -elementissä.
Esimerkki:
<label for="username">Username:</label>
<input type="text" id="username" />
Yllä olevassa esimerkissä:
- Kun napsautat
Username:-tunnistetta, kohdistus siirtyy automaattisesti vastaavaan syötekenttään; labeljainputon yhdistetty käyttämälläfor- jaid-attribuutteja;- Sekä
forettäid-attribuuttien arvot ovat samat (username).
Tehdään lomakkeen täyttämisestä helpompaa lisäämällä tunnisteet aiemman esimerkin syötekenttiin.
index.html
1. Mikä <label>-tunnisteen attribuutti liittää sen tiettyyn <input>-elementtiin lomakkeessa?
2. Mikä attribuutti puuttuu input-elementistä, jotta se voidaan liittää label-elementtiin?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you show me the previous example so I can add the labels?
Which input fields do you want to add labels to?
Do you want any specific text for the labels?
Mahtavaa!
Completion arvosana parantunut arvoon 2.86Lomakesyötteiden Nimeäminen
Pyyhkäise näyttääksesi valikon
Tunnisteet (<label>) ovat olennaisia tekstiselitteiden yhdistämisessä lomakekenttiin, mikä parantaa saavutettavuutta ja käytettävyyttä. On tärkeää, että for-attribuutin arvo <label>-tagissa vastaa id -attribuuttia siihen liittyvässä input -elementissä.
Esimerkki:
<label for="username">Username:</label>
<input type="text" id="username" />
Yllä olevassa esimerkissä:
- Kun napsautat
Username:-tunnistetta, kohdistus siirtyy automaattisesti vastaavaan syötekenttään; labeljainputon yhdistetty käyttämälläfor- jaid-attribuutteja;- Sekä
forettäid-attribuuttien arvot ovat samat (username).
Tehdään lomakkeen täyttämisestä helpompaa lisäämällä tunnisteet aiemman esimerkin syötekenttiin.
index.html
1. Mikä <label>-tunnisteen attribuutti liittää sen tiettyyn <input>-elementtiin lomakkeessa?
2. Mikä attribuutti puuttuu input-elementistä, jotta se voidaan liittää label-elementtiin?
Kiitos palautteestasi!
