Form Input Hanya Dibaca Saja, Tidak Dapat di Klik / Edit


Pada bahasa pemrograman HTML, ada yang namanya form yang dapat digunakan sebagai formulir. Tentu pada formulir pasti terdapat kolom / bidang untuk mengisi / input suatu informasi. Pada suatu kasus, diantara kalian pasti akan memerlukan tutorial ini. Sekarang akan saya bahas tentang menonaktifkan input pada form tersebut alias tidak bisa di edit / di klik / diisi.

Jika kalian lebih senang lihat video tutorial daripada membaca, silahkan scroll kebawah dan klik link video tutorial.

Ada 2 metode yang bisa digunakan dalam membuat hal seperti ini, yaitu:

  • Disabled
  • Readonly

Silahkan gunakan metode mana yang ingin kalian gunakan

Disabled

Pada tag input sebuah form (saya contohkan pada sebuah tag input), silahkan tambahkan tulisan disableddidalamnya (masih didalam tag input). Contoh: <input type="text" name="" disabled value="" />

Readonly

Penggunaan dan penempatannya sama saja, hanya tulisannya saja yang berbeda. Kali ini kalian dapat menggunakan readonlydidalam tag input nya menggantikan disabled tadi.

Contoh: <input type="text" name="" readonly value="" />

Masih bingung ? Lihat : Video tutorial cara membuat input form tidak dapat di ketik.

Tidak ada perbedaan yang begitu mencengangkan pada kedua atribut ini jika digunakan pada file HTML. Perbedaannya hanya dari warna saja, ketika kalian menggunakan disabled maka warna bidang akan memudar sedangkan readonly tidak akan merubah bidang.

Beda cerita jika kalian menggunakannya di file PHP (.php) atau file lainnya yang mengandung proses upload / pengiriman, readonly dan disabled akan berpengaruh besar terhadap bagaimana proses pengunggahan / pengiriman itu dilakukan.

Namun secara keseluruhan, atribut ini akan membuat kolom / bidang hanya dapat dibaca saja tidak dapat di klik / edit. Hal ini lebih sering dilakukan di file PHP yang ingin menampilkan data dari database di bidang input tapi tidak dapat di edit karena hanya ingin menampilkan data saja.

Selamat mencoba !


Jangan Lupa Share !!!

58
9 shares, 58 points

Apa Reaksimu ?

Bingung Bingung
1
Bingung
Kesal Kesal
10
Kesal
OMG OMG
1
OMG
Takut Takut
10
Takut
Keren Keren
8
Keren
Sedih Sedih
3
Sedih
Posciety Tech

Advanced Competent

Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi. Dikelola oleh tim Posciety Tech.

0 Komentar

Pilih Format
Artikel
Default, Membuat Artikel/Cerita
List
Listicle, Misalnya: 3 Hal yang Wajib Dilakukan Saat...
Kuis Kepribadian
Membuat kuis Tentang Kepribadian
Poll
Vote untuk Membuat Keputusan atau Mencari Saran
Meme
Membuat Meme dari Gambar Normal yang Kamu Miliki