• HTML dengan tampilan Form

    kita sekarang masuk ke materi HTML dengan menggunakan tampilan Form, mulai dari Checkbox, Radio Button, Text area, text field, dan submit button
    NEXT>>>>>>>>>>>

    1. ini scriptnya :

    <html>
    <head>
     <title bgcolor="#FFFFCC">Latihan-9: Membuat Form</title>
    </head>
    <body>
    <form action=# method=get>
     <p>Nama : <input type=text name=nama>
     <p>Alamat : <textarea name=alamat cols=25 rows=4></textarea>
     <p>Jenis kelamin:
     <input type=radio name=gender value=Pria>Pria
     <input type=radio name=gender value=Wanita>Wanita
     <p>Tgl. Lahir:
     <select name=tgl>
     <option value=1>01
     <option value=2>02
     <option value=3>03
     <option value=31>31
     </select> - 
     <select name=bln>
     <option value=1>01
     <option value=2>02
     <option value=3>03
     <option value=12>12
     </select> - 
     <select name=thn>
     <option value=1901>1901
     <option value=1902>1902
     <option value=1903>1903
     <option value=2000>2000
     </select>
     <p>Pekerjaan :
     <select name=pekerjaan>
     <option value=Pelajar>Pelajar/Mahasiswa
     <option value="Pegawai Negeri">Pegawai negeri
     <option value=Karyawan>Karyawan
     <option value=Wiraswasta>Wiraswasta
     </select>
     <p>Hobby :
     <input type=checkbox name=hobby value=Membaca>Games
     <input type=checkbox name=hobby value=Kesenian>Sport
     <input type=checkbox name=hobby value=Olahraga>Music
     <input type=checkbox name=hobby value=Belanja>learn
     <p>Komentar : <textarea name=komentar cols=25 rows=4></textarea>
     <p><input type=submit value=Kirim data><input type=reset value=Ulangi>
    </form
     </body>
     </html>

    2. dan berikut hasilnya :





    Semoga bermanfaat :)
  • 0 komentar:

    Posting Komentar

    Template Information


    Sample Footer


    Template Information

    Hot Articles

    AYOESOB CUSTOME STORE

    Test Footer