Rabu, 27 November 2013

Nah, jika sebelumnya saya memposting bagaimana cara membuat sebuah form, sekarang saya akan membuat sebuah form yang berada didalam table, hasil yang saya dapatkan seperti dibawah ini :

adapun script yang saya gunakan seperti dibawah ini : 

<html>
<head>
<title>Latihan Form</title>
</head>

<body>
<table width="409" border="0" align="center" bgcolor="#FFFFFF">
  <tr>
    <td width="403" background="../../../WALLPAPER/Download/Barubaru/lebih baru/Tambah baru/1383340_591603457576733_1847427682_n.jpg" bgcolor="#FFFFFF"><blockquote>
      <p class="style12"><span class="style3"> Sign Up</span><span class="style14"><br />
        <span class="style7">It's free and always will be</span></span><span class="style6">.</span> </p>
    </blockquote>
      <hr width="60%" align="left"/>
      <table width="403" height="290" border="0" bordercolor="#0099CC" bgcolor="#FFFF00">
        <tr>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><div align="right">First Name :</div></td>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><label>
            <input type="text" name="textfield" />
            </label>
              </label></td>
        </tr>
        <tr>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><div align="right">Last Name : </div></td>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><input type="text" name="textfield2" id="textfield" /></td>
        </tr>
        <tr>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><div align="right">Your Email :</div></td>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><input type="text" name="textfield3" id="label" /></td>
        </tr>
        <tr>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><div align="right">Re-enter email  :</div></td>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><input type="text" name="textfield4" id="label2" /></td>
        </tr>
        <tr>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><div align="right">New password :</div></td>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><input type="text" name="textfield5" id="label3" /></td>
        </tr>
        <tr>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><div align="right">I am : </div></td>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><select name="select4">
              <option>Male</option>
              <option>Female</option>
              <option selected="selected">Select Sex :</option>
          </select></td>
        </tr>
        <tr>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><div align="right">Birthday :</div></td>
          <td width="0" bordercolor="#FFFFFF" bgcolor="#FFFF00"><select name="select" id="select">
              <option>January</option>
              <option>February</option>
              <option>Maret</option>
              <option>April</option>
              <option>Mei</option>
              <option>Juni</option>
              <option>July</option>
              <option>August</option>
              <option>September</option>
              <option>October</option>
              <option>November</option>
              <option>December</option>
              <option selected="selected">Month :</option>
            </select>
              <select name="select2" id="label4">
                <option selected="selected">Day :</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                <option>26</option>
                <option>27</option>
                <option>28</option>
                <option>29</option>
                <option>30</option>
                <option>31</option>
              </select>
              <label for="label5"></label>
              <select name="select3" id="label5">
                <option>Year :</option>
                <option>1990</option>
                <option>1991</option>
                <option>1992</option>
                <option>1993</option>
                <option>1994</option>
                <option>1995</option>
                <option>1996</option>
                <option>1997</option>
                <option>1998</option>
                <option>1999</option>
                <option>2000</option>
            </select></td>
        </tr>
      </table>
      <blockquote>
        <blockquote>
          <blockquote>
            <p><span class="style17">Why do I need to provide my birthday?</span></p>
            <p align="left"><span class="style11">
              <input name="Submit" type="submit" value="Sign Up"/>
            </span></p>
          </blockquote>
        </blockquote>
    </blockquote></td>
  </tr>
</table>
<br /><br />
<table width="409" border="0" align="center">
<td bgcolor="#F0F0F0"><table width="472" border="0" align="center" bordercolor="#FF0000">
      <tr>
        <td width="184" bordercolor="#00FFFF" bgcolor="#00FFFF">Email</td>
        <td width="178" bordercolor="#00FFFF" bgcolor="#00FFFF">Password</td>
        <td width="96" bordercolor="#00FFFF" bgcolor="#00FFFF">&nbsp;</td>
      </tr>
      <tr>
        <td bordercolor="#00FFFF" bgcolor="#00FFFF"><form id="form4" name="form4" method="post" action="">
          <label>
            <input name="textfield6" type="text" size="31" maxlength="25" />
            </label>
        </form>        </td>
        <td bordercolor="#00FFFF" bgcolor="#00FFFF"><form id="form5" name="form5" method="post" action="">
          <label>
            <input name="textfield7" type="password" size="30" />
            </label>
        </form>        </td>
        <td bordercolor="#00FFFF" bgcolor="#00FFFF"><form id="form2" name="form2" method="post" action="">
          <label>
            <input type="submit" name="Submit2" value="Sign Up" />
            </label>
        </form>        </td>
      </tr>
 <tr>
  <td bordercolor="#00FFFF" bgcolor="#00FFFF"><form name="form1" method="post" action="">
   <label>
     <input type="checkbox" name="checkbox" value="checkbox">
       </label>
   Keep me logged in
  </form>
  </td>
<td bordercolor="#00FFFF" bgcolor="#00FFFF">Forgot your password ? </td>
<td bordercolor="#00FFFF" bgcolor="#00FFFF"></td>
    </tr>
</table>
        
</body>
</html>

0 komentar:

Posting Komentar

Popular Posts

Text Widget

Flexible Home Layout

Tabs

Contact Us

Nama

Email *

Pesan *

Main menu section

Sub menu section

Follow Us

Random News

Page

Side Ads

Footer Ads

Connect Us

Top Ads