MEMBUAT FORM LOGIN SEDERHANA DENGAN HTML

Pada artikel sebelumnya saya telah membahas bagaimana cara membuat tabel menggunakan html.
kali ini saya akan memberikan tips bagaimana membuat menu login sederhana menggunakan html.

langsung saja anda simak coding login di bawah ini :

<table width="405" height="169" border="0" cellpadding="0" cellspacing="0">
    <tr bgcolor="#CCCCCC">
      <td height="37" colspan="2"><div align="center"><strong>LOGIN DULU GAN</strong></div></td>
    </tr>
    <tr>
      <td width="95" height="32">Username</td>
      <td width="304"><label>:
          <input name="username" type="text" id="username" />
      </label></td>
    </tr>
    <tr>
      <td height="26">Password</td>
      <td><label>:
          <input name="password" type="password" id="password" />
      </label></td>
    </tr>
    <tr>
      <td height="48"> </td>
      <td><input name="Login" type="submit" id="Login" value="Login" />
          <input name="Batal" type="submit" id="Batal" value="Batal" /></td>
    </tr>
  </table>

Dan inilah hasilnya :

Perhatikan bahwa:

1. Di dalam <table>...</table> anda bisa mengasih attribut tinggi dan lebar juga. anda tinggal mengasih nilai pada attribut tersebut (height & width).
2. <div align="center>... </div> di gunakan untuk membuat text rata tengah.
3. <strong>...</strong> di gunakan untuk membuat text menjadi cetak tebal.
4. Tag <input> di gunakan untuk menentukan sebuah field input, dimana pengguna bisa memasukan data.
5. attribut text pada input untuk membuat text field.
6. attribut password untuk membuat text field rahasia.
7. attribut submit untuk button.

Demikian sedikit artikel mengenai belajar membuat tabel sederhana menggunakan html.
Semoga artikel saya ini dapat memberikan manfaat untuk anda dalam menyusun sebuah web.