Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Lomakesyötteiden Nimeäminen | Section
Practice
Projects
Quizzes & Challenges
Visat
Challenges
/
HTML:n Perusteet

bookLomakesyö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;
  • label ja input on yhdistetty käyttämällä for- ja id-attribuutteja;
  • Sekä for että id -attribuuttien arvot ovat samat (username).

Tehdään lomakkeen täyttämisestä helpompaa lisäämällä tunnisteet aiemman esimerkin syötekenttiin.

index.html

index.html

copy

1. Mikä <label>-tunnisteen attribuutti liittää sen tiettyyn <input>-elementtiin lomakkeessa?

2. Mikä attribuutti puuttuu input-elementistä, jotta se voidaan liittää label-elementtiin?

question mark

Mikä <label>-tunnisteen attribuutti liittää sen tiettyyn <input>-elementtiin lomakkeessa?

Select the correct answer

question mark

Mikä attribuutti puuttuu input-elementistä, jotta se voidaan liittää label-elementtiin?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 27

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 1. Luku 27
some-alt