Friday, March 25, 2016

Belajar HTML Dasar

Tags

Cara membuat Form HTML

  • Siapkan peralatan tempurnya (notepad, sublime, macromedia dll)
  • Siapkan kopi cemilan dan lain nya
  • Dan yang paling penting siapkan niat hahaha

Disini kita akan menggunakan notepad sebagai peralatan tempurnya.
Langsung saja, kita akan membuat tampilan seperti gambar di bawah ini.

Agar tampilannya bisa rapi kita menggunakan table. oke kita liat htmlnya.

<html>
<head>
    <title>Form Pendaftaran</title>
</head>
<body>
<p align="center">Form Pendaftaran Mahasiswa baru</p>
<form actiom="" method="post">
    <h3><center><font>
    <table>
        <tr>
            <td>Nama</td>
            <td>
                <input name="nama" type="text">
            </td>
        </tr>
        <tr>
            <td valign="top">Alamat</td>
            <td>
            <textarea rows=5 cols=20></textarea>
            </td>
        </tr>
        <tr>
        <td>Agama</td>
            <td>
                <input type="radio" name="agama" value="islam">Islam
                <input type="radio" name="agama" value="katholik">Katholik
                <input type="radio" name="agama" value="kristen">Kristen
                <input type="radio" name="agama" value="budha">Budha
                <input type="radio" name="agama" value="hindu">Hindu
            </td>
        </tr>
        <tr>
            <td>Jenis Kelamin</td>
            <td>
                <select>
                    <option>Pria</option>
                    <option>Wanita</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Asal Sekolah</td>
            <td>
                <select>
                    <option>SMA</option>
                    <option>SMK</option>
                    <option>MA</option>
                </select>
            </td>
        </tr>
    </table>
            <input type="submit" value="Kirim">
            <input type="reset" value="reset">
    </font>
</form>
</body>
</html>


EmoticonEmoticon