Contoh Tulisan Berjalan

Senin, 29 Mei 2017

Membuat Form Dari Html

<html>
<head>
<title>...</title>
</head>
<b><font color="purple">1. Tell us about yourself....</b></font>
<table border="0">
<tr>
 <td width="200" align="right">My Name</td>
 <td><input type="text" name="Nama"placeholder="Firs name">
 <input type="text" name="Nama"placeholder="Last name"></td>
</tr>

<tr>
 <td width="200" align="right">Gender</td>
 <td><select name="select">
  <option value="-Select One-">-Select One-
 <option value="male">MALE
 <option value="male">FAMALE
 </select></td>
</tr>

<tr>
 <td width="200" align="right">Birthday</td>
 <td><Select name="Birthday">
  <option value="-Select Month-">-Select Month-
  <option value="Januari">Januari
  <option value="Pebruari">Pebruari
  <option value="Maret">Maret
  <option value="April">April
  <option value="Mei">Mei
  <option value="Juni">Juni
  <option value="Juli">Juli
  <option value="Agustus">Agustus
  <option value="September">September
  <option value="Oktober">Oktober
  <option value="November">November
  <option value="Desember">Desember
 </select>

<select>
         <option>Select Day</option>
    <option>01</option>
    <option>02</option>
    <option>03</option>
    <option>04</option>
    <option>05</option>
    <option>06</option>
    <option>07</option>
    <option>08</option>
    <option>09</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>

    <select>
         <option>Select Year</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>
    <option>2001</option>
    <option>2002</option>
    <option>2003</option>
    <option>2004</option>
    <option>2005</option>
    <option>2006</option>
    <option>2007</option>
    <option>2009</option>
    <option>2010</option>
    <option>2011</option>
    </select><p>
        </td><tr/>
</td>
</tr>

<tr>
 <td width="200" align="right">I live in</td>
 <td><select name="select" >
         <option>United States</option>
         <option>PANCUR BATU</option>
    <option>MEDAN JOHOR</option>
    <option>BINJAI</option>
    <option>KABAN JAHE</option>
    <option>MEDAN</option>
    <option>JAKARTA</option>
    <option>BANDUNG</option>                                                       
 </select>
 </td>
</tr>

<tr>
 <td width="200" align="right">Postal Code</td>
 <td><input type="Number" name="Code" size="15"></td>
</tr>
</table>
<br>

<b><font color="purple"> 2. Select an ID and Password</b></font>
<table border="0">
<tr>
 <td width="200" align="right">Yahoo! ID and Email</td>
 <td><input type="text" name="Day" size="20">
 @<select name="select" >
  <option value="yahoo.com">yahoo.com
 <option value="yahoo.co.id">yahoo.co.id
  <option value="gmail.com">gmail.com
  <option value="rocketmail.com">rocketmail.com</td>
 <td><input type="submit" value="Check"></td>
  </tr>

<tr>
 <td width="200" align="right">Password</td>
 <td><input type="PASSWORD" name="Password" size="30"></td>
</tr>

<tr>
 <td width="200" align="right">Re-type Password</td>
 <td><input type="PASSWORD" name="Re-Password" size="30"></td>
</tr>
</table>
<br>

<b><font color="purple"> 3. In case you forget your ID or password...</b></font>
<table border="0">
<tr>
 <td width="200" align="right"><i>Alternate Email</i></td>
 <td><input type="text" name="A-Email" size="55"></td>
</tr>

<tr>
 <td width="200" align="right">1. Security Question</td>
 <td><select size width="200" name="select" >
  <option>Select One</option>
    <option>MENGAPA KAMU MARAH</option>
    <option>MENGAPA KAMU SEDIH</option>
    <option>MENGAPA KAMU MENANGIS</option>
    <option>MENGAPA KAMU KETAWA</option>
</tr>

<tr>
 <td width="200" align="right">Your Answer</td>
 <td><input type="text" name="Jawab" size="55"></td>
</tr>

<tr>
 <td width="200" align="right">2. Security Question</td>
 <td><select size width="200" name="select" >
<option>Select One</option>
    <option>KAPAN KAMU DATANG</option>
    <option>KAPAN KAMU PERGI</option>
    <option>KAPAN KAMU PULANG</option>
    <option>KAPAN KAMU BALIK LAGI </option>
</tr>

<tr>
 <td width="200" align="right">Your Answer</td>
 <td><input type="text" name="Jawab" size="55"></td>
</tr>

<tr>
 <td width="200" align="right"></td>
 <td><input type="submit" value="OK">
    <input type="reset" value="Cancel"></td>
</tr>

<td><td><table>Saran anda:<br>
    <textarea name="saran"rows="3"cols="30"></textarea>
    </table>

</body>
</html>

Formulir Kontak

Nama

Email *

Pesan *