Selasa, 12 Maret 2013

Form Pendaftaran


Nama :
Alamat :
Kecamatan :
Tanggal Lahir :
No Tlp :
Alamat Web :
Email :


From berikut ini masih terlihat sangat sederhana,bisa dibilang masih tidak rapi. Untuk awal pembelajaran saya rasa tidak masalah karena pada intinya pembuatan form ini bisa sedikit membantu saudara - saudara untuk belajar.

Berikut merupakan wujud dalam kode HTML :
<html>
<head>
REGSITRASI
</head>
<body>

<br />
<form action="" method="get">
Nama : <input type="teks" name="nama" /><br />
Alamat : <input type="teks" name="alamat" /><br />
Kecamatan : <select name="kecamatan">
 <option value=  "--Pilih--" selected>--Pilih--</option>
 <option value="Kaliwates">Kaliwates</option>
 <option value="Sumber Sari">Sumber Sari</option>
 <option value="Arjasa">Arjasa</option>
 <option value="Jenggawa">Jenggawa</option>
 <option value="Rambi">Rambi</option>
 </select>
<br >
Tanggal Lahir         : <input type="number" name="hari" min="1" max="31" placeholder="hari" />
 <input type="number" name="bulan" min="1" max="12" placeholder="bulan" />
 <input type="number" name="tahun" min="1945" max="2013" placeholder="tahun" />
 <br>

No Tlp : <input type="telp" name="no tlp" /><br />
Alamat Web : <input type="url" name="alamat web" /><br />
Email : <input type="email" name="email" /><br />

<input type="submit" />
</form>
</body>
</html>

Penjelasan dari kode HTML di atas sebagai berikut :
  1. type - Jenis inputan atau tipe data yang akan dimasukan seperti hal nya sebagai berikut.

    Ex :
    • type="text"      = untuk input teks satu baris
    • type="submit"  = untuk membuat tombol kirim
    • type="date"     = untuk menampilkan tanggal
    • type="telp"      = untuk nomer telepon
    • type=”url”       = untuk menampilkan url
    • type=”email”   = untuk menampilkan email
  2. name -  Memberi nama untuk setiap jenis inputan atau pemberian nama variabel
  3. palceholder - Memberikan petunjuk singkat yang menggambarkan nilai yang diharapkan pada field tag <input>.
  4. <select> - Digunakan untuk menandai awal dari bentuk list pilihan atau sering disebut pilihan dropdown
  5. <option> - Unsur pilihan dropdown
  6. <br> - Unsur enter

    Saya rasa keterangan di atas bisa membantu agan berbagi pengalaman.

Tidak ada komentar:

Posting Komentar