Maret 21, 2013

Membuat Table dan Form Sederhana Di HTML

Kali ini saya akan menunjukan cara membuat from dan table pada desain HTML serta cara menampilkan checkbox, radio button serta penimputan passsword.




<html>
<body>
    <form>
        silakan masukan data pribadi anda : <br />
        <table border="10"> <!--Untuk Membuat ketebalan Garis Table gunakan Border="$"-->
        <tr>
        <td>
        nama :</td><td> <input type ="text" name ="txtnama"> </td></tr>
        <tr>
        <td>alamat :</td><td> <input type="text" name ="txtalamat" size="50"></td></tr>
        <tr>
        <td>masukan password anda :</td><td> <input type="password" maxlength="6"></td></tr>

        <tr>
        <td>
        hobby anda (boleh lebih dari satu) :</td><td>
        <input type ="checkbox" name="hobby" value ="baca">membaca
        <input type ="checkbox" name="hobby" value ="Oraga">olahraga
        <input type ="checkbox" name="hobby" value ="nonton">menonton

        </td></tr>
 <tr>
        <td> jenis kelamin :</td>
<td><input type ="radio" name="jk" value ="pria"> laki-laki <input type ="radio" name="jk" value ="wanita"> perempuan</td>
</tr>
 <tr>
<td>
<HR>
<input type ="submit" value="kirim">
<input type ="reset" value="hapus"></td></tr>
</table>
</form>
</body>
</html>
Keterangannya:
  • huruf yang saya warnai adalah cara menambahkan TextBox, Radio Button dan Checkbox kedalam sebuah tampilan HTML
  • Sedangkan untuk warna yang biru jika button kirim di tekan maka kita akan menerima pemberitahuan simpan Password saat melakukan Login sebuah Akun.



1 komentar:

Terima Kasih Sudah Mau Berkunjung