Advertisement here

contoh program form html

CONTOH PROGRAM FORM





<html>
    <head>
        <title>Borang</title>
    </head>
    <body>
        <!--username-->
        <form method="post" action="#">
            nama lengkap : <input type="text" name="namalengkap"/>
        </form>
        <!--password-->
        <form method="post"action="#">
            password :<input type="password" nama="pass"/>
        </form>
        <!--type radio-->
        <form method="post" action="#">
            jenis kelamin : <input type="radio"
            name="jk" value/> laki-laki
            <input type="radio"
            name="jk" /> perempuan
        </form>    
        <!--type checkbox-->
        <form method="post" action="#">
        Hobi : 
        <input type="checkbox" name="hobi1"
        value="novel"/> membaca novel
        <input type="checkbox" name="hobi2"
        value="badminton"/> badminton
        <input type="checkbox" name="hobi3"
        value="futsal"/> futsal 
        <input type="checkbox" name="hobi4"
        value="badminton"/> badminton 
        </form>
        <!--type submit-->
        <form method="post" action="#">
            <input type="submit" value="simpan"/>
        </form>
        <!--type reset-->
        <form method="post" action="#">
            <input type="reset" value="batal"/>
        </form>
        <!---type range-->
        <form method="post" action="#">
            Nilai :
            <input type="range" name="nilai"/>
        </form>
        <!--type date-->
        <form method="post" action="#">
        masukkan tanggal : <input type="date" name="tgl" />
        </form>
        <!--type number-->
        <form method="post" action="#">
            masukkan umur <input type="number" name="umur"/>
        </form>
        <!--penggunaan tag<select>-->
        <form method="post" action="#">
            Agama: <select name="agama">
            <option value="">--pilih--</option> 
            <option value="islam">islam</option>
            <option value="protestan">protestan</option>
            <option value="katolik">katolik</option>
            <option value="hindu">hindu</option>
            <option value="budha">budha</option>   
            </select>
        </form>
        <!--penggunaan tag textarea-->
        <form method="post">
            Alamat: 
            <textarea cols="15" rows="3"
            placeholder="masukkan alamat di sini"></textarea>
        </form>
        <!--penggunaan fieldset dan legend-->
        <form method="post" action="#">
            <fieldset><legend>form login</legend>
                username : 
                <input type="submit" value="login"/>
                <input type="reset" value="Batal"/>
            </fieldset>
        </form>
    </body>
</html>
Next Post Previous Post
No Comment
Add Comment
comment url