HTML-syötekenttien Attribuutit Parannetun Toiminnallisuuden Saavuttamiseksi
Osaat jo käyttää syötekenttiä ja nimikkeitä. Tarkastellaan nyt hyödyllisimpiä attribuutteja, jotka tekevät syötekentistä käytännöllisempiä ja käyttäjäystävällisempiä.
Yleiset syöteattribuutit
Placeholder
Näyttää vihjetekstin kentän sisällä.
<input type="text" placeholder="Enter your email" />
Nimi
Tunnistaa kentän lomakkeen lähetyksen yhteydessä.
<input type="text" name="username" />
Arvo
Asettaa oletusarvon kenttään.
<input type="tel" value="+1 (484) 298-9732" />
Pakollinen
Estää lomakkeen lähettämisen, jos kenttä on tyhjä.
<input type="password" required />
Disabled
Tekee kentästä muokattamattoman ja ei-interaktiivisen.
<input type="text" value="New York" disabled />
Readonly
Näyttää arvon, jonka käyttäjät voivat kopioida, mutta eivät muuttaa.
<input type="text" value="USA" readonly />
Min ja Max
Asettaa rajoitukset numeerisille syötteille.
<input type="number" min="21" max="99" />
index.html
1. Mikä attribuutti tarjoaa vihjeen tai esimerkkitekstin syöttökenttään, ohjaten käyttäjiä siitä, millaista syötettä odotetaan?
2. Mikä attribuutti määrittää syöttökentän nimen, jota käytetään tunnistamaan syötetyt tiedot lomakkeen lähetyksen yhteydessä?
3. Mikä attribuutti estää lomakkeen lähettämisen, jos pakollinen kenttä jätetään tyhjäksi?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you explain the difference between disabled and readonly attributes?
What happens if I use both min and max on a text input instead of a number input?
Can you show more examples of using the required attribute in forms?
Awesome!
Completion rate improved to 2.86HTML-syötekenttien Attribuutit Parannetun Toiminnallisuuden Saavuttamiseksi
Pyyhkäise näyttääksesi valikon
Osaat jo käyttää syötekenttiä ja nimikkeitä. Tarkastellaan nyt hyödyllisimpiä attribuutteja, jotka tekevät syötekentistä käytännöllisempiä ja käyttäjäystävällisempiä.
Yleiset syöteattribuutit
Placeholder
Näyttää vihjetekstin kentän sisällä.
<input type="text" placeholder="Enter your email" />
Nimi
Tunnistaa kentän lomakkeen lähetyksen yhteydessä.
<input type="text" name="username" />
Arvo
Asettaa oletusarvon kenttään.
<input type="tel" value="+1 (484) 298-9732" />
Pakollinen
Estää lomakkeen lähettämisen, jos kenttä on tyhjä.
<input type="password" required />
Disabled
Tekee kentästä muokattamattoman ja ei-interaktiivisen.
<input type="text" value="New York" disabled />
Readonly
Näyttää arvon, jonka käyttäjät voivat kopioida, mutta eivät muuttaa.
<input type="text" value="USA" readonly />
Min ja Max
Asettaa rajoitukset numeerisille syötteille.
<input type="number" min="21" max="99" />
index.html
1. Mikä attribuutti tarjoaa vihjeen tai esimerkkitekstin syöttökenttään, ohjaten käyttäjiä siitä, millaista syötettä odotetaan?
2. Mikä attribuutti määrittää syöttökentän nimen, jota käytetään tunnistamaan syötetyt tiedot lomakkeen lähetyksen yhteydessä?
3. Mikä attribuutti estää lomakkeen lähettämisen, jos pakollinen kenttä jätetään tyhjäksi?
Kiitos palautteestasi!
