Created
June 16, 2020 06:05
-
-
Save josikie/dc77156c8fbd5520987705e4e07664ac to your computer and use it in GitHub Desktop.
Tutorial Membuat Form HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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