Sebelum masuk ke pembelajarannya alangkah baiknya kita mengetahui dulu pengertian form secara singkat.
Dilansir dari website apacara.com
Didalam tag html kita akan sering bertemu dengan tag <form> sangat tentu, dan perintah method dan juga action serta masih banyak lagi, nah didalam sebuah web tidak luput akan yang namanya form, admin membuat artikel mengetik artikel upload gambar itu lewat sebuah form dan user bisa berkomentar itu berkat si form ini, karena form ini penting.
Oh iya kemarin kan kita sudah membuat website sederhana menggunakan table ya, sekarang kita terusin ya.
Aksi
1. Buka Text editor masing masing lalu ketikan tag dibawah ini
CODE :
<!DOCTYPE html>2. Kemudian klik Save As atau tekan CTRL + S untuk menyimpan filenya , dan untuk mempermudah lokasi savenya kita buat lagi dengan nama " Latihan 2 " , kan kemarin latihan 2 jadi sekarang latihan 2, lalu nama filenya terserah saya disini menamai filenya form.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Input</title>
</head>
<body>
<form action="" method="post">
<table align="center">
<tr>
<td>Nama Lengkap:</td>
<td><input type="text" placeholder="Masukan Nama Lengkap" name="nama_lkp"></td>
</tr>
<tr>
<td>NISN</td>
<td><input type="text" placeholder="0200XXXXX" name="nisn"></td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea name="alamat" id="alamat"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center"><button type="submit" name="kirim">INPUT</button></td>
</tr>
</table>
</form>
</body>
</html>
3. saya disini menggunakan menggunakan table agar terlihat rapih akan tetapi bila agan agan mempunyai ide agar lebih keren bisa di ubah yaitu dengan cara hapus tag tablenya beserta anak nya ^_^ #hehehe,
4. Maka hasilnya akan begini
5. Semoga artikel ini dapat membantu pembelajaran agan - agan sekalian , bila ada pertanyaan atau kurang mengerti bisa chat private atau komentar di postingan ini pasti saya balas, untuk chat private bisa lewat contact us, dan bertujuan silaturahmi juga kita sharing sharing.
0 Response to "Pembelajaran HTML: Cara Membuat Form Input"
Posting Komentar