Membuat Form Menggunakan Tabel HTML


 

<!DOCTYPE html>
<html>
<head>
    <title>DATA SISWA</title>
</head>
<body>
    <form>
    <table style="margin-left:auto;margin-right:auto;margin-top:30px" border="1">
        <thead>
            <tr>
                <th colspan="2" align="center"><h1>Data Siswa</h1></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Nama Lengkap</td>
                <td><input type="text" name="namalengkap"></td>
            </tr>
            <tr>
                <td>Nama Panggilan</td>
                <td><input type="text" name="namapanggilan"></td>
            </tr>
            <tr>
                <td>Agama</td>
                <td><select name="example">
                    <option value="islam">Islam</option>
                    <option value="kristen">Kristen</option>
                    <option value="hindu">Hindu</option>
                    <option value="budha">Budha</option>
                    <option>Other<input type="text" name="other">?</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Jenis Kelamin</td>
                <td><select name="example">
                    <option value="islam">Laki-Laki</option>
                    <option value="kristen">Perempuan</option>
                    <option>Other<input type="text" name="other">?</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Alamat</td>
                <td><textarea>Jangan lupa isikan alamat anda di kotak ini !!!</textarea></td>
            </tr>
            <tr>
                <td colspan="2"><h1 align="center">&reg; &reg; &reg;</h1></td>
            </tr>
            <tr>
                <td colspan="2"><h1 align="center">&copy; &copy; &copy;</h1></td>
            </tr>
            <tr>
                <td>Hobby</td>
                <td>
                    <input type="radio" name="membaca">Membaca
                    <input type="radio" name="membaca">Menulis
                    <input type="radio" name="membaca">Menyanyi
                </td>
            </tr>
            <tr>
                <td>Makanan Favorit</td>
                <td>
                    <input type="checkbox" name="soto">Soto
                    <input type="checkbox" name="bakso">Bakso
                    <input type="checkbox" name="nasgor">Nasgor
                </td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td><input type="button" name="submit" value="Submit"></td>
                <td align="center"><input type="reset" name="clear" value="Clear"></td>
            </tr>
        </tfoot>
    </table>
</form>
</body>
</html>
Kunjungi : Membuat Form Menggunakan Tabel 
Penulis : Risky Dwi Indah Lestari 

Komentar