Skip to content

Instantly share code, notes, and snippets.

@josikie
Created June 16, 2020 06:05
Show Gist options
  • Save josikie/dc77156c8fbd5520987705e4e07664ac to your computer and use it in GitHub Desktop.
Save josikie/dc77156c8fbd5520987705e4e07664ac to your computer and use it in GitHub Desktop.
Tutorial Membuat Form HTML
<!DOCTYPE html>
<html>
<head>
<title>Form Input Data</title>
</head>
<body>
<!-- attribut action="form.html" pada tag pembuka <form> di bawah
digunakan untuk mengirimkan data ke halaman HTML
yang akan menerima data,
jika halaman form mengirimkan data kedirinya sendiri,
cukup isi value attribute action dengan
form.html atau dikosongkan saja,
tapi pada contoh ini Josikie tidak membiarkan attribute memiliki value yang kosong -->
<form action="form.html">
<!-- attribute for="nama" pada tag pembuka <label>
digunakan agar label dan kotak input saling berhubungan
isi dari attribute for umumnya id dari kotak input pasangannya-->
<label for="nama">Masukkan Nama : </label>
<!-- tag input digunakan untuk membuat kotak input,
attribute type="text" digunakan untuk memberikan
tipe data yang akan dimasukkan melalui kotak input,
disini kita memberikan isi dari attribut type dengan text
karena kita mau memasukkan data bertipe text
ke dalam kotak input, attribute id="nama" digunakan untuk menandai kotak input -->
<input type="text" id="nama" >
<!-- tag button digunakan untuk nmembuat tombol yang bisa diklik,
kita menggunakan button dengan attribute type="submit"
yang berguna untuk mengirim data yang dimasukkan ke kotak input
lalu dikirim ke halaman form.html ketika tombol diklik -->
<button type="submit">Input Nama</button>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment