Kode HTML yang ada dibalik form tersebut :
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp">
<table>
<tr>
<th align="left">Nama</th>
<td align="left"><input name="nama" placeholder="nama" type="text" /></td>
</tr>
<tr>
<th align="left">Alamat</th>
<td align="left"><input name="alamat" placeholder="alamat" type="text" /></td>
</tr>
<tr>
<th align="left">Tanggal Lahir</th>
<td align="left"><input name="tgllhr" type="date" /></td>
</tr>
<tr>
<th align="left">Kecamatan</th>
<td align="left">
<select align="center" name="kecamatan">
<option selected="" value="^.^-pilih-^.^">^.^-pilih-^.^</option>
<option value="Srono">Srono</option>
<option value="Rogojampi">Rogojampi</option>
<option value="Banyuwangi">Banyuwangi</option>
<option value="Kalibaru">Kalibaru</option>
<option value="Genteng">Genteng</option>
<option value="Jenggawa">Jenggawa</option>
<option value="Jelbuk">Jelbuk</option>
</select>
</td>
</tr>
<th align="left">No. Telpon</th>
<td align="left"><input name="notelp" placeholder="ex: 085123123123 " type="tel" /></td>
<tr>
<th align="left">Alamat Web</th>
<td align="left"><input name="web" placeholder="url web" type="url" /></td>
</tr>
<tr>
<th align="left">E-mail</th>
<td align="left"><input name="email" placeholder="alamat e-mail" type="email" /></td>
</tr>
<tr>
<td></td>
<td colspan="2" align="center"><input type="submit" value="Submit" /></td>
</tr>
</table>
</form>
</body>
</html>
Dalam pembuatan form ini menggunakan tabel karena bertujuan agar tampilan bisa lebih rapi. Referensi untuk pembuatan tabel : disini .
<table> perintah untuk membuat table dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel dengan tag penutup </tr> , tag <th> (table header) digunakan sebagai title atau judul dari baris maupun kolom yang ditampilkan dalam bentuk cetakan tebal dengan tag penutup </th>, dan tag <td> (tabel data) untuk membuat kolom pada tabel atau menyatakan data dengan tag penutup </td>.
<table> perintah untuk membuat table dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel dengan tag penutup </tr> , tag <th> (table header) digunakan sebagai title atau judul dari baris maupun kolom yang ditampilkan dalam bentuk cetakan tebal dengan tag penutup </th>, dan tag <td> (tabel data) untuk membuat kolom pada tabel atau menyatakan data dengan tag penutup </td>.
Fungsi-fungsi kode html dalam form :
Tag <input> berfungsi membuat sebuah field inputan dimana pengguna bisa memasukkan data, dan berada didalam tag <form> . dan tag <input> memiliki atribut yang bervariasi yang dapat disesuaikan dengan kebutuhan. Untuk form Pendaftran diatas tag <input> menggunakan atribut type, name, placeholder.
Tag <input> berfungsi membuat sebuah field inputan dimana pengguna bisa memasukkan data, dan berada didalam tag <form> . dan tag <input> memiliki atribut yang bervariasi yang dapat disesuaikan dengan kebutuhan. Untuk form Pendaftran diatas tag <input> menggunakan atribut type, name, placeholder.
- type ( jenis inputan atau tipe data yang akan dimasukan contoh text, url, email, date, dll)
- name ( memberi nama untuk setiap jenis inputan atau pemberian nama variabel )
- placeholder ( Memberikan petunjuk singkat yang menggambarkan nilai yang diharapkan pada field tag <input> tersebut)
pada field kecamatan menggunakan fitur combobox
tag <select> berfungsi membuat daftar drop down dengan beberapa plilihan sesuai dengan kebutuhan dan ditutup dengan </select>. Untuk menu pilihan (drop down) menggunakan tag <option> diikuti dengan nama pilihan, dan ditutup dengan </option> dalam option juga terdapat atribut "value" yang berfungsi memberi nilai pada database.
Tidak ada komentar
Posting Komentar