Pages

MEMBUAT FORM SEDERHANA

MEMBUAT FORM PENDAFTARAN DENGAN HTML

Dalam membuat pendaftaran pada web (online) yang pasti kita membutuhkan form pendaftarannya. kali ini saya membahas bagaimana cara membuat form pendaftaran sederhana dengan HTML. 
Berikut ulasannya :

seperti biasa dalam html itu pasti ada tag awalannya. Untuk membuat form itu dibuka dengan tag <form> dan yang pastinya ditutup dengan tag </form>. setelah itu mari kita berkanjut ke Properti tag pembuatannya.
  1. Single-line text input control

    2. Yaitu properti input yang berfungsi untuk memasukan berupa teks. Contoh :
    1
    2
    3
    4
    5
    6
    7
    8
    <table>
    <tr>
    <td>Nama depan</td>
    <td>:</td>
    <td><input name="nama" type="text">
    <value="contoh nama"></td>
    </tr>
    </table>
maka hasilnya seperti ini :
Nama depan
:
  1. Input password field
Yaitu properti input yang berfungsi untuk memasukan berupa teks dengan tersembunyi. dengan properti ini kita dapat membuat input password. Contoh :
    1
    2
    3
    4
    5
    6
    <table>
    <tr>masukan password</td>
    <td>:</td>
    <td><input type="password" name="pwd"></td>
    </tr>
    </table>

    maka hasilnya seperti ini :
    masukan pasword :
  1. Input text radio option
    Yaitu jenis input text yang mana kita mempersiapkan pilhan untuk register memilih suatu pilihan yang telah ditentukan. Input text ini ada dua jenis yaitu :
  • Input Radio Button
    • Yaitu : input radio button yang mana reigster harus memilih salah satu lingkaran yang telah tersadia, berikut ini contoh skripnya : 
1
2
3
4
5
6
7
8
9
<table>
<tr>
<td>jenis kelamin<td>
<td>:<td>
<td><input type=radio name=jenis kelamin value=laki-laki></td>
<td><input type=radio name=jenis kelamin value=perempuan></td>
</tr>
</table>

maka hasilnya seperti ini :
jenis kelamin:laki-laki
perempuan
  • Input Radio List
    • Yaitu input text list yang mana register harus memilih salah satu dari daftar yang tersedia, berikut ini contoh skripnya :
1
2
3
4
5
6
<table>
<tr><td>pendidikan</td><td>:</td><td><select lahir="" name="tanggal"><option value="SD">SD</option><option value="SMP">SMP</option><option value="SMA">SMA</option></select></td></tr>
</table>
maka hasilnya seperti ini :
pendidikan:
  1. Input textarea
    Yaitu jenis input text input model luas dan memuat tulisan yang banyak Contoh :
    1
    2
    3
    4
    5
    6
    <table>
    <tr><td>alamat</td><td>:</td><td>
    <textareacols="40" name="alamat"rows="5"></textarea>
    </td></tr>
    </table>
    maka hasilnya seperti berikut :
    alamat:
  1. Input ceck box
    input ini adalah input yang mana register dapat memilih lebih dari satu pilihan yang tersedia dengan mencentang pilihan yang ada. Contoh :
    1
    2
    3
    4
    5

    <table>
    <tr><td>hoby</td><td>:</td><td>
    <input name="menyanyi" type="checkbox" value="on" /> menyanyi <input name="menari" type="checkbox"value="on" /> 
    menari</td></tr>
    </table>
    maka hasilnya seperti berikut :
    hoby: menyanyi menari