Cara Membuat Form Login HTML Sederhana Mudah

www.rizal.in - Assalamu'alaikum. Kita bejumpa di artikel saya yang baru. Ane mau ngasih tutorial Cara Membuat Form Login HTML Sederhana Mudah.

Teknik ini yang saya gunakan untuk pemula bagi yang belum mengerti HTML. Jadi tinggal copas saja. Tapi kalo dimodifikasi sedikit kita bisa merubahnya menjadi sesuatu yang baru






Coba perhatikan code dibawah

<table width="405" height="169" border="0" cellpadding="0" cellspacing="0">

    <tr bgcolor="#8bb726">
      <td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</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>
    <tr bgcolor="#8bb726">
      <td height="26" colspan="2"><div align="right"><strong>www.rizal.in</strong></div></td>
    </tr>
  </table>

Penjelasan:

Di dalam <table>...</table> kita bisa mengasih attribut tinggi dan lebar juga. kita tinggal mengasih nilai pada attribut tersebut (height & width) terserah kalian mau ganti berapa juga.

<div align="center>... </div> gunanya untuk membuat text rata tengah.

<strong>...</strong> untuk membuat text menjadi cetak tebal.

Tag <input> untuk menentukan sebuah field input, dimana pengguna bisa memasukan data. Sebuah input dapat bervariasi dalam banyak cara, tergantung type attribut.

attribut text pada input untuk membuat text field.

attribut password untuk membuat text field rahasia.

attribut submit untuk button.

Demo
click to view

Facebook

Twitter

Google+

Pinterest

Posted by : Rizal Firdaus

1 Comment

Minggu, 27 September 2015