Atribut readonly Boolean, jika ada, membuat elemen tidak dapat diubah, artinya pengguna tidak dapat mengedit kontrol
Jika atribut readonly_ ditentukan pada elemen input, karena pengguna tidak dapat mengedit input, elemen tersebut tidak berpartisipasi dalam validasi kendala
Atribut readonly didukung oleh text, search, url, tel, email, password, ___________________________________________. Jika ada pada salah satu dari tipe dan elemen input ini, kelas semu readonly8 akan cocok. Jika atribut tidak disertakan, kelas semu ________3______9 akan cocok
Atribut tidak didukung atau relevan dengan readonly0 atau jenis masukan yang sudah tidak dapat diubah, seperti kotak centang dan radio atau menurut definisi, tidak dapat dimulai dengan nilai, seperti jenis masukan file. rentang dan warna, karena keduanya memiliki nilai default. Itu juga tidak didukung pada tersembunyi karena tidak dapat diharapkan bahwa pengguna mengisi formulir yang disembunyikan. Juga tidak didukung pada jenis tombol apa pun, termasuk readonly1
Catatan. Hanya kontrol teks yang dapat dibuat hanya-baca, karena untuk kontrol lain (seperti kotak centang dan tombol) tidak ada perbedaan yang berguna antara menjadi hanya-baca dan dinonaktifkan, jadi atribut readonly tidak berlaku
Ketika sebuah input memiliki atribut readonly, pseudo-class readonly4 juga berlaku untuk itu. Sebaliknya, input yang mendukung atribut readonly tetapi tidak memiliki set atribut cocok dengan pseudo-class readonly6
Perbedaan antara readonly7 dan readonly adalah bahwa kontrol hanya-baca masih dapat berfungsi dan masih dapat difokuskan, sedangkan kontrol yang dinonaktifkan tidak dapat menerima fokus dan tidak dikirim dengan formulir dan umumnya tidak berfungsi sebagai kontrol hingga diaktifkan
Karena bidang hanya-baca tidak dapat diubah nilainya oleh interaksi pengguna, readonly9 tidak berpengaruh pada input dengan atribut readonly juga ditentukan
Satu-satunya cara untuk mengubah nilai atribut readonly secara dinamis adalah melalui skrip
Catatan. Atribut readonly_9 tidak diizinkan pada input dengan atribut readonly yang ditentukan
Browser menampilkan atribut readonly_
Jika elemen bersifat read-only, maka nilai elemen tidak dapat diperbarui oleh pengguna, dan tidak berpartisipasi dalam validasi kendala.
Kelas semu :disabled CSS mewakili elemen apa pun yang dinonaktifkan. Elemen dinonaktifkan jika tidak dapat diaktifkan (dipilih, diklik, diketik, dll. ) atau menerima fokus. Elemen tersebut juga memiliki status aktif, yang dapat diaktifkan atau menerima fokus
:disabled
Contoh ini menunjukkan formulir pengiriman dasar. Ini menggunakan acara JavaScript change untuk memungkinkan pengguna mengaktifkan/menonaktifkan bidang penagihan
Penyingkapan. Dukungan Anda membantu menjaga situs tetap berjalan. Kami mendapatkan biaya rujukan untuk beberapa layanan yang kami rekomendasikan di halaman ini. Belajarlah lagi
Contoh Kode
<form> <label for="disabled">Disabled</label><br> <input name="disabled" value="You cannot edit me." disabled> </form>_Dengan disabilitas
disabled vs. readonly
Atribut disabled dan readonly memiliki efek yang serupa — sebenarnya, keduanya terlihat sama dari sudut pandang pengguna. Dalam kedua kasus tersebut, yang dilihat pengguna adalah bidang yang sedikit "berwarna abu-abu", yang tidak dapat diklik atau diedit
<form> <label for="disabled">Disabled</label><br> <input name="disabled" value="disabled" disabled> <br><br> <label for="readonly">Readonly</label><br> <input name="readonly" value="readonly" readonly> </form>Dengan disabilitas
Hanya baca
Namun, mereka berbeda dan menggunakan yang salah dapat menyebabkan masalah
Jika bidang adalah disabled_, nilai bidang tidak dikirim ke server saat formulir dikirimkan. Jika bidang adalah readonly, nilainya dikirim ke server
Protip. Jika ada alasan mengapa Anda _benar-benar_ tidak ingin nilai bidang tertentu disertakan dalam permintaan pengiriman formulir, Anda mungkin ingin melihat penanganan formulir sisi server Anda. Ada kemungkinan bagi pengguna jahat untuk mengganti atribut disabled input formulir Anda dan mengirim data formulir apa pun yang mereka suka. Ini berlaku untuk elemen apa pun, sebenarnya — jangan pernah lupa untuk mempertimbangkan validasi dan sanitasi formulir sisi server