Beranda
Blog
html

Membuat Form Data Mahasiswa

Membuat Form Data Mahasiswa
Membuat Form Data Mahasiswa adalah postingan kali ini, membahas mulai 1 per satu. Hal yang pertama anda harus merangcang apa saja Pokok judul nya. Di postingan ini saya membuat Form mahasiswa Judul Pokok nya sebagai berikut :
  • NPM
  • Nama Mahasiswa
  • Jenis kelamin
  • Agama
  • Kelas
  • Jurusan
  • Prodi
  • Alamat
  • Pesan
Setelah itu masuk kita ke rancang nya, seperti gambar berikut adalah hasil dari Pembuatan Form Mahasiswa yang saya buat 

Kita bahas satu per satu ya 
Yang ini adalah penginputan text 
  1. <tr>
  2. <td><b>NPM</b></td>
  3. <td><input type=TEXt size=10></td>
  4. </tr>
  5. <tr>
  6. <td><b>Nama Mahasiswa</b></td>
  7. <td><input type=text size=30></td>
  8. </tr>


 Yang ini adalah Radio 
  1. <tr><td><b>Jenis kelamin</b></td>
  2. <td>
  3. <input name=jenis type=radio value=Pria checked='checked'>Pria
  4. <input name=jenis type='radio' value=Wanita checked='checked'>Wanita</td></tr>


Yang ini adalah select atau option
  1. <tr>
  2. <td>Agama</td>
  3. <td>
  4. <select>
  5. <option>Pilih</option>
  6. <option>Islam</option>
  7. <option>Kristen Protestan</option>
  8. <option>Kristen Katolik</option>
  9. <option>Hindu</option>
  10. <option>Budha</option>
  11. </select></td>
  12. </tr>



Yang ini adalah textarea
  1. <tr>
  2. <td><b>Alamat</b></td>
  3. <td><textarea size=15></textarea></td>
  4. </tr>
  5. <tr>
  6. <td><b>Pesan</b></td>
  7. <td><textarea  size=15></textarea></td>
  8. </tr>


Dan yang ini button

  1. <tr>
  2. <td><input type=submit name=xsimpan value=simpan></td>
  3. <td><input type=reset name=xbatal value=batal></td>
  4. </tr>

Untuk Html seluruh nya adalah sebagai berikut :
  1. <html>
  2. <body bgcolor=purple text=white>
  3. <table border=0 cellpadding=0 cellspasing=0 align=center>
  4. <tr>
  5. <td colspan=2 bgcolor=BLACK><blink><b><center>INPUT DATA MAHASISWA</center></b></blink></td>
  6. </tr>

  8. <tr>
  9. <td><b>NPM</b></td>
  10. <td><input type=TEXt size=10></td>
  11. </tr>

  13. <tr>
  14. <td><b>Nama Mahasiswa</b></td>
  15. <td><input type=text size=30></td>
  16. </tr>

  18. <tr><td><b>Jenis kelamin</b></td>
  19.          <td>
  20. <input name=jenis type=radio value=Pria checked='checked'>Pria
  21. <input name=jenis type='radio' value=Wanita checked='checked'>Wanita</td></tr>

  23. <tr>
  24.  <td>Agama</td>
  25.  <td>
  26. <select>
  27.  <option>Pilih</option>
  28.  <option>Islam</option>
  29.  <option>Kristen Protestan</option>
  30.  <option>Kristen Katolik</option>
  31.  <option>Hindu</option>
  32.  <option>Budha</option>
  33. </select></td>
  34. </tr>

  36. <tr>
  37. <td><b>Kelas</b></td>
  38. <td><input type=text size=10></td>
  39. </tr>

  41. <tr>
  42. <td><b>Jurusan</b></td>
  43. <td><input type=text size=15></td>
  44. </tr>
  45. <tr>
  46. <td><b>Prodi</b></td>
  47. <td><input type=text  size=15></td>
  48. </tr>
  49. <tr>
  50. <td><b>Alamat</b></td>
  51. <td><textarea size=15></textarea></td>
  52. </tr>
  53. <tr>
  54. <td><b>Pesan</b></td>
  55. <td><textarea  size=15></textarea></td>
  56. </tr>

  58. <tr>
  59. <td><input type=submit name=xsimpan value=simpan></td>
  60. <td><input type=reset name=xbatal value=batal></td>
  61. </tr>
  62. </body>
  63. </html>
Selaamat mencoba, semoga bermanfaat dan jangan lupa sematkan komentar anda di bawah untuk membangun postingan berikut nya :)

Posting Komentar

Silahkan Tulis Komentar anda tentang artikel yang sudah anda baca dengan bahasa yang sopan.
© ‧ MRZS. All rights reserved. Premium By Raushan Design