dasar html (10) : Membuat Form

    Setelah sebelomnya belajar mengenai sintak-sintak yang sangat dasar dalam pengembangan sebuah halaman HTML,
    mari kita lanjutkan pembahasan kita,
    kali ini kita akan belajar tentang membuat Form dengan menggunakan script HTML.
    Formulir sangat penting dalam web, karena sebagai media untuk interaksi, antara pengguna – system dan administrator.
    Forms atau formulir ini pasti sudah sangat familiar di kalangan para blogger khusunya yang selalu mendaftarkan blog nya ke web direktori, karena untuk mendaftarkan blog nya seorang blogger perlu mengisi persyaratan dan juga data dari blog. Hal ini sama seperti bila kita hendak membuat sebuah e-mail. Pasti kita akan di perintahkan untuk mengisi data-data yang di perlukan, seperti nama, password yang akan di gunakan dan lain-lain.

    <html>
    <head>
    <title>Tutorial dasar html : Membuat Forms</title>
    </head>
    <body>
    
    Untuk menuliskan teks<br>
    <form>
    First name: <input type="text" name="nama_depan" /><br />
    </form>
    <br>
    Untuk menuliskan password<br>
    <form>
    Password: <input type="password" name="pwd" />
    </form>
    <br>
    tombol lingkaran<br>
    <form>
    <input type="radio" name="sex" value="L" /> Cowok<br />
    <input type="radio" name="sex" value="P" /> Cewek
    </form>
    <br>
    tombol kotak<br>
    <form>
    <input type="checkbox" name="vehicle" value="Sepeda" /> Sepeda<br />
    <input type="checkbox" name="vehicle" value="Mobil" /> Mobil
    </form>
    <br>
    tombol input<br>
    <form name="input" action="html_form_action.asp" method="get">
    Username: <input type="text" name="user" />
    <input type="submit" value="Submit" />
    </form>
    <br>
    </body>
    </html>

    Hasil dari Script itu

    Untuk menuliskan teks

    First name:

    Untuk menuliskan password

    Password:

    tombol lingkaran

    Cowok
    Cewek

    tombol kotak

    Sepeda
    Mobil

    tombol input

    Username:

    Penjelasan Tag

    <input>     : Mendeskripsikan input teks
    <textarea>  : Mendeskripsikan area teks
    <option>     : Mendeskripsikan option di pilihan
    <buttton>   : Mendeskripsikan tombol
    <select>  : membuat select box/combobox

      2 thoughts on “dasar html (10) : Membuat Form

      Tinggalkan Balasan

      Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *