Scribd Logo
Upload

Welcome to Scribd!

  • Dasar Tag HTML: Awal Formulir Ditandai Dengan Tag, Dan Berisi Dua Kata Kunci: Method Dan Action

    Uploaded by

    Destyana Arifia
    35 views11 pages
    The document discusses the basic HTML form tags. It explains that a form is marked up with the <FORM> tag which contains the METHOD and ACTION attributes. It then provides examples of different form input types like text, radio buttons, checkboxes, drop-downs, textareas, and buttons. Each example includes the HTML code to generate that form element.

    Original Description:

    Original Title

    dasar-dasar html.pptx

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses the basic HTML form tags. It explains that a form is marked up with the <FORM> tag which contains the METHOD and ACTION attributes. It then provides examples of different form input types like text, radio buttons, checkboxes, drop-downs, textareas, and buttons. Each example includes the HTML code to generate that form element.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    35 views11 pages

    Dasar Tag HTML: Awal Formulir Ditandai Dengan Tag, Dan Berisi Dua Kata Kunci: Method Dan Action

    Uploaded by

    Destyana Arifia
    The document discusses the basic HTML form tags. It explains that a form is marked up with the <FORM> tag which contains the METHOD and ACTION attributes. It then provides examples of different form input types like text, radio buttons, checkboxes, drop-downs, textareas, and buttons. Each example includes the HTML code to generate that form element.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 11

    Dasar Tag HTML

    Form

    Awal formulir ditandai dengan Tag <FORM>, dan berisi dua kata kunci:
    METHOD dan ACTION.

    <form name=nama_form method=post/get action=nama_file/email>

    BACK NEXT
    Dasar Tag HTML
    Form

    Input Text:
    <input name=nama_input type=text size=lebar_input maxlength=kar._maks.>

    <html>
    <head>
    <title>Latihan form</title>
    </head>
    <body>
    <h2>Form Siswa</h2>
    <form name=form_siswa>
    NIS<br>
    <input name=nis type=text size=20
    maxlength=8><br>
    Nama Lengkap<br>
    <input name=nama type=text size=40>
    </form>
    </body>
    </html>

    BACK NEXT
    Dasar Tag HTML
    Form

    Radio Button:
    <input name=nama_input type=radio checked>

    <html>
    <head>
    <title>Latihan 35</title>
    </head>
    <body>
    <form name=form_jeniskelamin>
    Jenis Kelamin:<br>
    <input name=gender type=radio checked>
    Laki-laki<br>
    <input name=gender type=radio>
    Perempuan
    </form>
    </body>
    </html>

    BACK NEXT
    Dasar Tag HTML
    Form

    Check Box:
    <input name=nama_input type=checkbox checked>

    <html>
    <head>
    <title>Latihan Checkbox</title>
    </head>
    <body>
    <form name=form_fak>
    Fakultas Ilmu Komputer:<br>
    <input name=si type=checkbox checked>
    Sistem Informasi<br>
    <input name=sk type=checkbox>
    Sistem Komputer
    </form>
    </body>
    </html>

    BACK NEXT
    Dasar Tag HTML
    Form

    Drop-down List:
    <select name=nama_list>
    <option value=nama_opsi1>…</option>
    <option value=nama_opsi2>…</option>
    <option value=nama_opsi3>…</option>
    </select>

    BACK NEXT
    Dasar Tag HTML
    Form

    Drop-down List:
    <html>
    <head>
    <title>Latihan drop down</title>
    </head>
    <body>
    <form name=list>
    Level:<br>
    <select name=level>
    <option value=stand>Standart</option>
    <option value=prof>Professional</option>
    </select>
    </form>
    </body>
    </html>

    BACK NEXT
    Dasar Tag HTML
    Form

    Textarea:
    <textarea name=nama_input rows=ukuran_tinggi cols=ukuran_lebar>
    </textarea>

    BACK NEXT
    Dasar Tag HTML
    Form

    Textarea:
    <html>
    <head>
    <title>Latihan Text Area</title>
    </head>
    <body>
    <form name=alamat>
    Alamat:<br>
    <textarea name=alamat rows=4 cols=40>
    </textarea>
    </form>
    </body>
    </html>

    BACK NEXT
    Dasar Tag HTML
    Form

    Button:
    <input type=submit/reset value=caption>

    Catatan:
    type=submit, akan mendefinisikan sebagai tombol untuk menyerahkan
    umpan balik.

    type=reset, akan mendefinisikan tombol untuk menghapus isi formulir.

    BACK NEXT
    Dasar Tag HTML
    Form

    Button:
    <html>
    <head>
    <title>Latihan button</title>
    </head>
    <body>
    <form name=frm_submit method=post
    action=latihan_button.html>
    Alamat:<br>
    <textarea name=alamat rows=4 cols=40>
    </textarea><br>
    <input type=submit value=Kirim>
    <input type=reset value=Reset>
    </form>
    </body>
    </html>

    BACK NEXT
    Dasar Tag HTML
     Latihan Soal 1
    Tuliskan Source Code dari tampilan berikut:
    Catatan: Username dan Password panjang karakter = 10

    BACK NEXT

    You might also like