HTML <input> Atribut readonly

tag <input> HTML

Contoh

Formulir HTML dengan bidang input read-only:

<form action="/action_page.php">
  <label for="country">Country:</label>
  <input type="text" id="country" name="country" value="Norway" readonly><br><br>
  <input type="submit" value="Submit">
</form>

Definisi dan Penggunaan

Atributnya readonlyadalah atribut boolean.

Saat ada, ini menentukan bahwa bidang input hanya-baca.

Bidang input read-only tidak dapat dimodifikasi (namun, pengguna dapat melakukan tab ke sana, menyorotnya, dan menyalin teks darinya).

Atribut readonlydapat diatur untuk mencegah pengguna mengubah nilai hingga beberapa kondisi lain terpenuhi (seperti memilih kotak centang, dll.). Kemudian, JavaScript dapat menghapus nilai readonly, dan membuat bidang input dapat diedit.

Catatan: Formulir akan tetap mengirimkan bidang masukan yang hanya dapat dibaca, tetapi tidak akan mengirimkan bidang masukan yang dinonaktifkan!


Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.

Attribute
readonly Yes Yes Yes Yes Yes

Sintaksis

<input readonly>

tag <input> HTML