Rabu, 30 Agustus 2017

Cara Membuat Form Input Tidak Bisa Diisi Dalam HTML


HTML

Kalian pernah membuat sebuah form dengan elemen input di dalamnya? Kalau pernah pasti kolom yang terbentuk dari elemen input tersebut bisa diisi atau diedit.
Untuk itu kali ini saya akan share cara agar kolom input hanya bisa dibaca saja (tidak bisa diedit).

Lihat code di bawah.


Kode di atas akan menghasilkan kolom input yang muncul dapat diisi dan diedit.

Cara Membuat Form Input Tidak Bisa Diisi Dalam HTML

Untuk itu kita akan menambahkan attribut readonly. Penulisan attribut readonly bisa disertai dengan value readonly atau tanpa value.

Contoh lihat kode di bawah.


Saya menuliskannya tanpa menggunakan value. Maka hasilnya akan menjadi seperti.

Cara Membuat Form Input Tidak Bisa Diisi Dalam HTML

Meskipun tidak bisa diisi dan diedit, tetapi masih bisa dicopy kok gan :D
attribut readonly memang hampir mirip dengan disabled, bedanya hanya kalau disabled akan menyebabkan kolom menjadi gelap.

Cara Membuat Form Input Tidak Bisa Diisi Dalam HTML

Kalian bisa mainin CSS-nya biar kolomnya bisa jadi keren.
Mungkin cuman itu yang bisa saya bagikan kali ini. Semoga bermanfaat ya.

3 komentar

Mas caranya jadi ganteng kayak mas Evan gimana yha? Padahal saya udah baca semua artikel mas Evan, tapi kok muka saya ngak seganteng mas Evan tho? Tolong buatin video tutornya yha. TKS

Maaf saya laki laki mas, ama saya masih normal va.


EmoticonEmoticon