Pages

2 Mei 2013

Membuat Form HTML Sederhana

Formulir dapat memuat kolom, chekbox, pilihan, submit button, dan lain lain. Kali ini Semut Desa akan berbagi  tutorial tentang pembuatan Form HTML yang peranah dalam pembelajaran Multimedia.
Formulir diawali dengan tag <form> dan ditutup dengan tag </form>. Jika formulir ingin bersifat redirect juga bisa <form action="test.html"></form> Untuk membuat Form sederhana, anda bisa memakai input type. Contoh pembuatan form Sederhana.

<html>
<head>
<title>Tutorial dasar html : Membuat Forms</title>
</head>
<body>
Untuk menuliskan teks<br>
<form>
First name: <input type="text" name="firstname" /><br/>
<br>
Last name: <input type="text" name="lastname" />
</form>
Untuk menuliskan password<br>
<form>
Password: <input type="password" name="pwd" />
</form> 
tombol lingkaran<br>
<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>
tombol kotak<br>
<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form> 
tombol input<br>
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
<br>
<br>
</body>
</html>


 Dan berikut hasil pada web browser.


4 komentar:

  1. Bagaimana cara memberi admin di blog? terimakasih atas jawabanya. ;)

    BalasHapus
  2. @Eko Prasetyo:admin yg bgaimana sob? soalnya ada banyak varian tentang memberi admin di blog

    BalasHapus
  3. bagainmana cara cek hasilnya?

    BalasHapus
  4. @jeremy simare:buka di web browser, klik file -> open file-> pilih html yg sudah disimpan klik open

    BalasHapus

Berkomentarlah yang Sehat :

* Gunakan kata-kata yang sopan
* No Spam
* No Pornografi
* No Sara


Silahkan berkomentar !!! Komentar anda inspirasi Semut Desa.