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.

contoh form value html - rio bermano

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

Selamat mencoba !


Jangan Lupa Share !!!

54
9 shares, 54 points

Apa Reaksimu ?

Bingung Bingung
9
Bingung
Kesal Kesal
7
Kesal
OMG OMG
9
OMG
Takut Takut
8
Takut
Keren Keren
6
Keren
Sedih Sedih
1
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