Logo Komodo Koding /Koding

Atribut readonly di Input HTML

Untuk mencegah pengguna situs mengubah nilai dari suatu input, gunakan atribut readonly pada input yang diinginkan.

Atribut readonly adalah atribut yang digunakan untuk membuat sebuah input hanya bisa dilihat saja, namun tidak bisa diedit, diubah atau menyalin tulisannya.

Cara menggunakan atribut readonly

Atribut readonly digunakan dengan cara menambahkan readonly pada atribut yang dimau.

Contoh atribut readonly pada input text

<input type='text' value="tidak bisa kamu ubah" readonly>

Hasilnya

Kamu tidak bisa mengubah nilai yang ada di kotak input di atas.

Contoh atribut readonly pada input password

<input type='password' value="123" readonly>

Hasilnya

🧐 Penting!

Tidak semua jenpis input bisa diberi readonly. Sumber Info: MDN
Hanya text, search, url, tel, email, password, date, month, week, time, datetime-local, dam number.