Page 15 - MODUL PEMROGRAMAN WEB
P. 15

pada salah satu kontrol radio. Contoh skrip program untuk membuat input form
                       dengan kontrol radio adalah sebagai berikut :
                              <html>
                              <head>
                              <title>control input form</title>
                              </head>
                              <body>
                              <form name="form1" method=" post" action="">
                              Jenis Kelamin :
                              <input type="radio" name="gender" value="pria">pria
                              <input type="radio" name="gender" checked value="wanita">wanita
                              </form>
                              </body>
                              </html>


                       Keterangan :

                         <input type=”radio”,  menunjukkan tipe control berupa radio (lingkaran).

                         Name=”gender”, menunjukkan nama control adalah gender.


                         Checked,  menunjukkan status control radio dalam kondisi true yang
                          berpengaruh pada tampilan web. Kontrol radio ini memiliki lingkaran hitam
                          ditengah.

                       Buka editor text (notepad++) ketik skrip html diatas dan simpan dengan nama
                       kontrol_radio.html.  Kemudian  run  melalui  browser,  maka  akan  tampil  seperti
                       berikut ini :
















                                              Gambar 2. Output skrip kontrol radio
                           h.  Kontrol CheckBox


                       Kontrol Checkbox berbeda dengan control input radio, checkbox mengizinkan
                       pengguna untuk memilih lebih dari satu control dengan tampilan kotak. Contoh
                       skrip  program  untuk  membuat  input  form  dengan  kontrol  CheckBox  adalah
                       sebagai berikut:

                        <html>
                        <head>
                        <title>control input form</title>


                                                           14
   10   11   12   13   14   15   16   17   18   19   20