Pakai value=”” Untuk Tampilkan Data Pada Form – HTML

Formulir HTML biasanya digunakan untuk mengisi data yang kemudian nantinya dikirim / submit menggunakan sistem pengiriman yang dibuat dengan bahasa pemrograman lain seperti PHP, tapi disini saya hanya akan menjelaskan menampilkan data pada bidang / field formulir HTML.

Biasanya menampilkan data pada bidang formulir ini ditampilkan pada proses editing, misalnya pada sebuah profil yang diedit terdapat bidang “Hobi” maka bidang Hobi tersebut menampilkan data didalam bidang sesuai yang pernah diisi sebelumnya.

Caranya gampang banget, cukup gunakan value=”” pada bidang yang dimaksud. Biasanya formulir akan seperti ini:

<!DOCTYPE html>
<html>
<body>

<form>
  Nama Depan:<br>
  <input type="text" name="namadepan">
  <br>
  Nama Belakang:<br>
  <input type="text" name="namabelakang">
</form>

</body>
</html>

Hasilnya akan menampilkan formulir dengan 2 bidang yang kosong seperti biasanya. Jika ingin menampilkan data di dalam bidang tersebut silahkan tambahkan value=”” didalam masing-masing bidang yang diinginkan. Contoh:

<!DOCTYPE html>
<html>
<body>

<form>
  Nama Depan:<br>
  <input type="text" name="namadepan" value="Tampil Data">
  <br>
  Nama Belakang:<br>
  <input type="text" name="namabelakang" value="Tampil Data">
</form>

</body>
</html>

Code ini sudah ditambahkan value=”Tampil Data” didalam masing-masing bidang, artinya bidang Nama Depan dan Nama Belakang akan menampilkan tulisan Tampil Data dan dapat diedit.

Ini hanya HTML saja, biasanya value ini dipadukan dengan sistem penampil data yang diambil dari database.

Selamat mencoba !

HTML & CSS
Komentar (0)
Tambah Komentar