Form registrasi dengan HTML
Seperti yang
kita ketahui banyak manfaat yang di dapat dalam mempelajari HTML
atau Hyper Text Markup Language
yang dapat digunakan untuk membuat sebuah halaman web atau situs yang
menggunakan instruksi berupa kode-kode tertentu,bukan hanya itu saja masih
banyak lagi manfaat yang akan di dapat.
Langsung saja
ini script sederhana dari form registrasi :
<html>
<body
bgcolor="gray"><!--untuk menentukan background tabel yang di
inginkan-->
<h1>Form
Registrasi<font style="italic"></h1><!-- untuk membuat
suatu judul, jadi kita bisa memilih H1 sampai H6 di mana semakin besar maka
tulisan yang akan diciptakan akan semakin kecil -->
<form
action=""method="">
<table
bgcolor="white" border = "7"><!--lebar garis tabel,
"1" ini berfungsi untuk memilih besar kecil dari tabel-->
<tr> <!-- ini baris tabel -->
<td><b>Nama</b></td><!-- ini baris colom
-->
<td><input type= "text"
name="Nama" size="30"
autofocus="nama"/></td><!--untuk mendeskripsikan input
text, dengan menetukan nama dan ukuran pada suatu form sedangkan autofocus
untuk menjadikan field tersebut mendapatkan fokus saat dokumen terload-->
</tr>
<tr><!--<tr> dan </tr>
adalah fungsi perintah pembuatan baris, sedangkan <td> pembuatan
kolom-->
<td><b>Alamat</b></td>
<td><input type= "text"
name="Alamat" size="30"/></td>
</tr>
<tr>
<td><b>Tanggal
Lahir</b></td>
<td><input type= "date"
name="Tanggal Lahir"/></td>
</tr>
<tr>
<td><b>Nomer
Telepon</b></td>
<td><input type= "text"
name="Nomor Telepon" size="12"/></td>
</tr>
<tr>
<td><b>Alamat
Web</b></td>
<td><input type= "url"
name="Alamat Web" size="30"/></td><!--type url
ini menunjukkan kesalahan atau error saat memasukkakn alamat web jika tidak
sesuai-->
</tr>
<tr>
<td><b>Email</b></td>
<td><input type= "email"
name="Email" size="30"/></td><!--type email
menunjukkan kesalahan jika tidak memasukkan tanda @ pada alamat email-->
</tr>
<tr>
<td><b>Kecamatan</b></td>
<td>
<select
name="kecamatan">
<option
value="0"></option>
<option
value="1">Arjasa</option><!--option untuk mendeskripsikan
berupa pilihan-->
<option
value="2">Patrang</option>
<option
value="3">Kalisat</option>
</select>
</td><!--</td>
itu sendiri perintah pembuatan kolom dalam baris-->
</tr>
<tr>
<td colspan ="2"><input
type= "submit" value="Submit"/></td><!--Menggabungkan
dua atau lebih kolom dalam satu baris-->
</tr>
</table>
</form>
</body>
</html>
Berikut mengenai penjelasan terkait tag atau elemen yang di gunakan:
1.
Sebuah form awal di tandai dengan <form> dan di
akhiri dengan </form> yang
berfungsi untuk mendefinisikan sebuah form HTML untuk
input form.
2.
<body bgcolor="gray"> : Untuk
menentukan background tabel yang di inginkan
3. <td> : Mendefinisikan sebuah sel dalam tabel
4. <tr> : Mendefinisikan sebuah baris dalam tabel
5. <input> : Menentukan input field
pada form
6. <b> : Membuat text tebal
7. <h1> to <h6> : Menunjukkan awal dari suatu
judul, di mana semakin besar maka tulisan yang akan
diciptakan akan semakin kecil
8. <body> : Mendefinisikan
isi dari dokumen
9. <option> : Menampilkan beberapa pilihan yang berbentuk
dalam sebuah daftar drop-down
10. <!-- --> : Untuk memberi suatu komentar
11. Type : Menentukan jenis control yang akan digunakan
12. Name : Menentukan nama di form
13. Size : Menentukan ukuran form
14. Email : fitur dari html5
15. Url : fitur dari html5
16.
Autofocus : fitur dari html5
Sekian penjelasan dari form html di atas,semoga
bermanfaat J J J
Tidak ada komentar:
Posting Komentar