HTML <input> readonly-ominaisuus

HTML <input> -elementti

Määrittely ja käyttö

readonly Ominaisuus määrää input-kentän olevan vain lukuinen.

readonly Ominaisuus on boolean-ominaisuus.

Jos tämä ominaisuus on asetettu, se määrää, että input-kenttä on vain lukuinen.

Vain lukuinput-kenttä ei voi olla muokattavissa (mutta käyttäjä voi sijoittaa sen tab-avaimella, korostaa sitä ja kopioida tekstiä siitä).

voidaan asettaa readonly ominaisuus estää käyttäjää muuttamasta arvoa, kunnes tiettyjä muita ehtoja (kuten valittu valintaruutu) täyttyy. Sitten JavaScript voi poistaa readonly Arvoa ja tee syöttökenttä muokattavaksi.

Huomioitavaa：Lomake lähettää edelleen vain lukuisten syöttökenttien arvot, mutta ei lukuisten poissa olevien syöttökenttien arvoja!

Esimerkki

HTML-lomake, joka sisältää vain lukuisten syöttökenttien:

<form action="/action_page.php">
  <label for="country">Maa：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="Lähetä">
</form>

Kokeile itse

Syntaksi

<input readonly>

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <input> -elementti