Assalamualaikum Wr.Wb
Selamat
datang di blog saya gan, disini mungkin dalam pengerjakannya masih
terbilang masih jauh dari sempurna , maka dari itu jika ada kesalahan
saya minta maaf dan silahkan share ajah..
Membuat sebuah HTML untuk FORM REGISTRASI
kode HTML yang ada dibawah sbb:
<html>
<head>
<body>
<b> ---------FORM REGISTRASI-------------</b>
<br />
</hgroup>
</header>
<p>Silahkan mengisi data form dibawah ini </p>
<table align>
<form action = method =post>
<tr>
<td> Nama </td>
<td> : </td>
<td><input type=text name=”nama”></td>
</tr>
<tr>
<td> Alamat </td>
<td> : </td>
<td><input type=text name=”alamat”></td>
</tr>
<tr>
<td> Tanggal Lahir </td>
<td> : </td>
<td><input type=date name=”ttl”></td>
</tr>
<tr>
<td> No. Telepon </td>
<td> : </td>
<td><input type=text name=”telp”></td>
</tr>
<tr>
<td> URL </td>
<td> : </td>
<td><input type=url name=”web”></td>
</tr>
<tr>
<td> Email </td>
<td> : </td>
<td><input type=email name=”alamat”></td>
</tr>
<tr>
<td> Kecamatan </td>
<td> : </td>
<td>
<select>
<option selected="">:*pilih:*</option>
<option value = Tanggul> Tanggul </option>
<option value = Semboro> Semboro </option>
<option value = Bangsalsari> Bangsalsari </option>
<option value = Kaliwates> Kaliwates </option>
<option value = Sumbersari> Sumbersari </option>
<option value = Sumberbaru> Sumberbaru </option>
<option value = Balung> Balung </option>
<option value = Arjasa> Arjasa </option>
<option value = Patrang> Patrang </option>
</select></td>
</tr>
<tr>
<td>
<input type = submit name=”Kirim” value= Kirim>
<input type = reset name=”Batal” value = Batal>
</td>
</tr>
</form>
</table>
</body>
</html>
<head>
<body>
<b> ---------FORM REGISTRASI-------------</b>
<br />
</hgroup>
</header>
<p>Silahkan mengisi data form dibawah ini </p>
<table align>
<form action = method =post>
<tr>
<td> Nama </td>
<td> : </td>
<td><input type=text name=”nama”></td>
</tr>
<tr>
<td> Alamat </td>
<td> : </td>
<td><input type=text name=”alamat”></td>
</tr>
<tr>
<td> Tanggal Lahir </td>
<td> : </td>
<td><input type=date name=”ttl”></td>
</tr>
<tr>
<td> No. Telepon </td>
<td> : </td>
<td><input type=text name=”telp”></td>
</tr>
<tr>
<td> URL </td>
<td> : </td>
<td><input type=url name=”web”></td>
</tr>
<tr>
<td> Email </td>
<td> : </td>
<td><input type=email name=”alamat”></td>
</tr>
<tr>
<td> Kecamatan </td>
<td> : </td>
<td>
<select>
<option selected="">:*pilih:*</option>
<option value = Tanggul> Tanggul </option>
<option value = Semboro> Semboro </option>
<option value = Bangsalsari> Bangsalsari </option>
<option value = Kaliwates> Kaliwates </option>
<option value = Sumbersari> Sumbersari </option>
<option value = Sumberbaru> Sumberbaru </option>
<option value = Balung> Balung </option>
<option value = Arjasa> Arjasa </option>
<option value = Patrang> Patrang </option>
</select></td>
</tr>
<tr>
<td>
<input type = submit name=”Kirim” value= Kirim>
<input type = reset name=”Batal” value = Batal>
</td>
</tr>
</form>
</table>
</body>
</html>
Penjelasan :
Berikut ini fungsi-fungsi kode html dalam format dibawah :
- tag <input> : membuat sebuah field input dimana pengunaan bisa memasukkan dalam bentuk data. selain itu letaknya berada diantara <form> dan </form>, serta Tag <input> dapat bervariasi yang bisa menyesuaikan kebutuhan atribut yang digunakan. Seperti form dibawah tersebut.
- type : Jenis inputan dalam bentuk tipe data sbb .
- type = "text" : untuk menginputkan teks satu baris
- type = "submit" : untuk membuat tombol kirim
- type = "telp" : untuk menampilkan telepon
- type = "url" : untuk menampilkan url
- type = "date" : untuk menmapilkan tanggal
- type = "email" : untuk menmapilkan email
- name : Untuk membuat nama dalam setiap inputan
- plachedor : Guna menentukan petunjuk singkat yang menggambarkan nilai yang diharapkan dari elemen <input>
- <br> : memberi jeda pada paragrafh (memberi enter)
- kemudian pada field kecamatan
menggunakan fitur combobox
- tag <select> : Guna membuat daftar drop-down dengan beberapa pilihan sesuai dengan kebutuhan dan ditutup dengan </select>.
- Didalam menu pilihan (drop-down) menggunakan tag <option> diikuti nama pilihan dan ditutup dengan </option>.
- Dalam option terdapat atribut value yang berfungsi memberi nilai pada database.
Silahkan mengisi data form dibawah ini
Tidak ada komentar:
Posting Komentar