Advertisement here

contoh program data diri html

contoh program data diri html





<html>
    <head>
        <title>Borang</title>
    </head>
    <body>
        <form method="post" action="#">
            <fieldset>
                <legend>Form Data Diri</legend>
                <table>
                    <tr>
                        <td>nama lengkap</td>
                        <td>:</td>
                        <td><input type="text" name="nama"/></td>
                    </tr>
                    <tr>
                        <td>password</td>
                        <td>:</td>
                        <td><input type="password" name="pass" /></td>
                    </tr>
                    <tr>
                        <td>jenis kelamin</td>
                        <td>:</td>
                        <td>
                            <input type="radio" name="jk" value="laki-laki" />
                            laki-laki
                            <input type="radio" name="jk" value="perempuan" />
                            perempuan
                        </td>
                    </tr>
                    <tr>
                    <td>tanggal lahir</td>
                    <td>:</td>
                    <td>
                        <input type="date" name="bd" />
                    </td>
                    </tr>
                    <tr>
                        <td>hobi</td>
                        <td>:</td>
                        <td>
                                <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>
                        </td>
                    </tr>
                    <tr>
                        <td>Agama</td>
                        <td>:</td>
                        <td><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>
                        </td>
                    </tr>
                    <tr>
                    <td>alamat</td>
                    <td>:</td>
                    <td>
                    <textarea cols="25" rows="5"
                    placeholder="masukkan alamat di sini"></textarea> 
                    </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    <td>
                        <input type="submit" value="kirim" />
                        <input type="reset" value="batal"/>
                    </td>
                </tr>
                </table>
            </fieldset>
        </form>
    </body>
</html>
Next Post Previous Post
No Comment
Add Comment
comment url