Cara menggunakan disabled>

Saya telah menggunakan perpustakaan ini dengan sukses

http://plugins.krajee.com/checkbox-x

Itu membutuhkan jQuery dan bootstrap 3.x

Unduh Zip di sini: https://github.com/kartik-v/bootstrap-checkbox-x/zipball/master

Masukkan konten Zip ke dalam folder di dalam proyek Anda

Pop lib yang dibutuhkan di header Anda

Tambahkan kontrol data ke elemen menggunakan data-size = "xl" untuk mengubah ukuran seperti yang ditunjukkan di sini http://plugins.krajee.com/cbx-sizes-demo

CheckME

Ada banyak fitur lain juga jika Anda menjelajahi situs plugin.

Alhamdulillah akhirnya bisa berbagi sedikit pengetahuan, puji sukur kehadirat alloh SWT yg telah memberikan kesehatan dan ilmu yang begitu banyak yg tidak bisa kita pungkiri. Ebook ini saya persembahkan untuk ibu saya yang selalu sabar dan tak pernah letih mengurus dan mendorong saya untuk menjadi orang yang sukses (meskipun sekarang belum sukses :p). Semoga ebook ini berguna bagi para newbi yang sedang ingin belajar framework bootstrap (kalau master ga usah baca yah hehe). Sebagai sesama front end developer, saya akui bahwa framework seperti bootstrap ini sangat di butuhkan untuk masa masa sekarang ini, sebagai bukti akhir2 ini banyak loker front end developer dengan syarat salah satunya harus bisa framework. Kenapa harus memakai framework ?? ahhh pasti kalian sudah tau betapa bergunanya framework ketika sedang mendesain website. UNTUK SIAPA EBOOK INI Ebook ini tentu untuk web desainer lebih tepatnya front end developer, (masa ia untuk arsitek) sudah ahh jangan becanda mulu. LISENSI EBOOK INI Silahkan jika bermanfaat di sebarluaskan dengan catatan " tidak mengubah isi dari sebagian ataupun keseluruhan di ebook ini " mohon jangan menjadi plagiat copyright :D. Silahkan share dengan menyertakan link atau tidak mengubah isi sama sekali termasuk tentang penulis. Selamat belajar

Read Only & Disable Input Form HTML CSS

Diterbitkan 12 Jan 2017 Diperbarui 6 Jun 2020

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:

ads by posciety

• 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: 

Readonly

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

Contoh: 

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 !