Cara Membuat Form Input Tidak Bisa Diisi Dalam HTML
Anda 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.
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.
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.
Anda bisa mengatur CSS-nya agar kolomnya bisa jadi keren.
Mungkin cuman itu yang bisa saya bagikan kali ini. Semoga bermanfaat ya.
Untuk itu kali ini saya akan share cara agar kolom input hanya bisa dibaca saja (tidak bisa diedit).
Lihat code di bawah.
<html>
<body>
<form method="POST">
<input type="text" name="tutor" value="Kolom ini bisa diedit dan diisi">
</form>
</body>
</html>
Kode di atas akan menghasilkan kolom input yang muncul dapat diisi dan diedit.
Untuk itu kita akan menambahkan attribut readonly. Penulisan attribut readonly bisa disertai dengan value readonly atau tanpa value.
Contoh lihat kode di bawah.
<html>
<body>
<form method="POST">
<input type="text" name="tutor" value="Kolom ini hanya bisa dibaca" readonly>
</form>
</body>
</html>
Saya menuliskannya tanpa menggunakan value. Maka hasilnya akan menjadi seperti.
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.
Anda bisa mengatur CSS-nya agar 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
BalasHapusduh, agan masih normal kan?
HapusMaaf saya laki laki mas, ama saya masih normal va.
Hapus