Scribd Logo
Importer

Bienvenue sur Scribd !

  • FormulirHTML-X TKJ 4-11-Eldad Vikorian

    Transféré par

    ELDAD VIKORIAN
    25 vues14 pages
    web coursee

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    web coursee

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    25 vues14 pages

    FormulirHTML-X TKJ 4-11-Eldad Vikorian

    Transféré par

    ELDAD VIKORIAN
    web coursee

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 14

    Modul Formulir HTML

    Nama : Eldad Vikorian


    Kelas : X TKJ 4
    No. Absen : 11

    Latihan 1
    Screenshot Hasil:

    Kode HTML:
    <html>

    <head> <title> Format dasar formulir </title>

    </head>

    <body>

    <form action=""method="">

    <form>

    <h4>Username</h4>

    <input type="text" name=”nama” value="Masukkan username" size="30"> <br>

    <h4>Password</h4>

    <input type="password" name=”password” value="password" maxlength="8" size="30">

    </form>

    Latihan 2
    Screenshot Hasil:

    Kode HTML:

    <html>
    <head> <title> Format dasar formulir </title>

    </head>

    <body>

    <form action="" method="">

    <h4>Jenjang Pendidikan terakhir:</h4>

    <input type="radio" name="hobi" value=:"S1" checked="checked">S1 <br>

    <input type="radio" name="hobi" value="sma"> SMA<br>

    <input type="radio" name="hobi" value="smp"> SMP<br>

    <input type="radio" name="hobi" value="sd"> SD<br>

    <input type="radio" name="hobi" value="tidakada" disabled="disabled"> Tidak


    ada

    </form>

    </body>

    </html>

    Latihan 3 :
    Screenshoot hasil :
    Kode Html :
    <html>
    <head> <title> Format dasar formulir </title>
    </head>

    <body>
    <form action="" method="">
    <h4>Hobi Anda adalah:</h4>
    <input type="checkbox" name="hobi" value=:"baca_buku"
    checked="checked">Membaca buku <br>
    <input type="checkbox" name="hobi" value=:"musik"
    checked="checked">Bermain alat musik <br>
    <input type="checkbox" name="hobi" value=:"masak">Memasak <br>
    <input type="checkbox" name="hobi" value=:"foto">Fotografi buku <br>
    <input type="checkbox" name="hobi"
    value=:"lain"disabled="disabled">lain-lain
    </form>
    </body>
    </html>
    Latihan 4:
    Screenshoot hasil:

    Kode Html :
    <html>
    <head> <title> Format dasar formulir </title>
    </head>

    <body>
    <form action="" method="">
    Pilih program studi dan tahun angkatan Anda:<br>
    <select name="prodi">
    <option value="pti">Pendidikan Teknik Informatika</option>
    <option value="ti" selected="selected">Teknik Informatika</option>
    <option value="pte">Pendidikan Teknik Elektro</option>
    <option value="ti">Teknik Elektro</option>
    </select>

    <select name="tahun">
    <option value="2013">2013</option>
    <option value="2014" selected="selected">2014</option>
    <option value="2015">2015</option>
    </select>
    </form>
    </body>
    </html>
    Latihan 5
    Screenshoot hasil :
    Kode Html:
    <!DOCTYPE html>
    <html>
    <head> <title> Format dasar formulir </title>
    </head>

    <body>
    <form action="" method="">
    <form>
    <form>
    <h4>Textarea biasa</h4>
    <textarea> Silahkan isi komentar Anda </textarea>

    <h4>Textarea dengan atribut name="komentar"</h4>


    <textarea name="komentar">
    Silahkan isi komentar Anda
    </textarea>

    <h4>Textarea dengan lebar 50 dan tinggi 10</h4>


    <textarea cols="50" rows="10">
    Silahkan isi komentar Anda
    </textarea>

    <h4>Textarea dengan batas jumlah karakter 20</h4>


    <textarea maxlength="20">
    Silahkan isi komentar Anda
    </textarea>

    <h4>Textarea dengan mode disabled</h4>


    <textarea disabled="disabled">
    Silahkan isi komentar Anda
    </textarea>
    </form>

    </form>
    </body>
    </html>

    Latihan 6
    Screenshoot hasil :
    Kode html:
    <html>
    <head> <title> Format dasar formulir </title>
    </head>

    <body>
    <form action="" method="">
    <h4>Masukkan Nama Negara ASEAN:</h4>
    <input type="text" list="negara">

    </form>

    <datalist id="negara">
    <option value="Brunei Darussalam">
    <option value="Filipina">
    <option value="Indonesia">
    <option value="Kamboja">
    <option value="Laos">
    <option value="Malaysia">
    <option value="Myanmar">
    <option value="Singapura">
    <option value="Thailand">
    <option value="Vietnam">
    </datalist>
    </html>

    Latihan 7
    Screenshoot hasil :

    Kode html:
    <html>
    <head> <title> Format dasar formulir </title>
    </head>

    <body>
    <form action="" method="">
    <h4>Unggah foto anda</h4>
    <input type="file">
    </form>
    </body>
    </html>
    Latihan 8
    Screenshoot hasil:

    Kode html:
    <html>
    <head> <title> Format dasar formulir </title>
    </head>
    <body>
    <form action="" method="">
    <h4>Masukkan username dan password</h4>
    Username <br>
    <input type="text"> <br>
    Password<br>
    <input type="password"> <br> <br>
    <button type="submit">Login</button>
    <button type="reset">Reset</button>
    </form>
    </body>
    </html>

    Tugas dibawah soal latihan:


    Screenshhot hasil:
    Kode Html:
    <html>
    <head>
    <title> Format dasar formulir </title>
    </head>
    <body>
    <form action="" method="">
    <h1>Isi Data Diri Anda</h1>
    Nama Lengkap:<input type="text" name=”nama” size="30"> <br> <br>
    Umur: <input type="text" name=”nama” size="30"> <br>
    <br>

    Gender:
    <input type="radio" name="hobi" value="laki-laki">Laki-laki
    <input type="radio" name="hobi" value="perempuan ">perempuan
    <br><br>

    Alamat: <br>
    <textarea cols="50" rows="10">
    </textarea> <br> <br>

    Pendidikan Terakhir : <br>


    <input type="text" list="Pendidikan">

    <datalist id="Pendidikan">
    <option value="SD">
    <option value="SMP">
    <option value="SMA">
    <option value="S1">
    <option value="S2">
    <option value="S3">
    </datalist> <br> <br>

    Keahlian Program: <br>


    <input type="checkbox" name="Ahli" value="HTML/CSS">HTML/CSS
    <input type="checkbox" name="Ahli" value="JAVA" > JAVA
    <input type="checkbox" name="Ahli" value="PHP">PHP
    <input type="checkbox" name="Ahli" value="SQL">SQL
    <input type="checkbox" name="Ahli" value="C">C <br> <br>

    Pas foto : <br>


    <input type="file"> <br> <br>
    <input type="submit" value="kirim">

    </form>
    </body>
    <html>

    Vous aimerez peut-être aussi