29 Januari 2015

Membuat Form Sederhana Menggunakan HTML

Baik, pada kesempatan ini saya ingin membagikan bagaimana cara membuat form inputan sederhana dengan menggunakan HTML. Untuk itu yang diperlukan pertama kali adalah komponen apa saja yang membentuk form tersebut. Komponen-komponen yang membentuk form tersebut antara lain :

1.       Tag form <form>
2.       Tag tabel <table><tr><td>
3.       Tag input
Langsung saja kita buat kode HTML sebagai berikut :
<html>
<head>
<title>form input sederhana menggunakan HTML</title>
</head>
<body>
<h1> ini adalah form inputan untuk memasukkan data baru</h1>
<form method="post" action="#">
<table border="1" cellpadding="0" cellspacing="0">
<tr><td>Id</td><td><input type="text" name="id"></td></tr>
<tr><td>Nama</td><td><input type="text" name="nama"></td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>
<tr><td></td><td><input type="submit" name="submit" value="ok"></td></tr>
</table>
</form>
</body>
</html>
Selanjutnya coba simpan file diatas dengan nama form.html di server web local anda. Lalu jika tampilan di layar browser seperti dibawah ini: maka kode HTML yang telah anda buat sudah benar.


7 komentar:

  1. nice postingannya gan,,,
    saya tunggu postingan selanjutnya

    BalasHapus
  2. wahh bagus, bisa buat latihan scripnya aku coba https://goo.gl/BNWupc

    BalasHapus
  3. Dengan aplikasi apa untuk membuat form sederhana menggunakan html kak.?

    BalasHapus