<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>Hello, World!</title>
</head>
<body>
<h1>
Hello, World!
</h1>
Here we study how to makeva simple form for input in HTML . It uses the following tags
<ol>
<li>Textbox</li>
<li>Textarea</li>
<li>Radio</li>
<li>Select</li>
<li>Checkbox</li>
<li>Button</li>
</ol>
<h1>
Registration Page
</h1>
<table border="5">
<b>THIS IS AN EXAMPLE OF COMPLEX TABLE</b>
<!--Here <tr></tr>is used for a single row and<td></td> is used for a column-->
<tr><td>1</td><td>NAME : </td><td><input type="text"></td></tr>
<tr><td>2</td><td>ADDRESS : </td><td>input type="textarea"></td></tr>
<tr><td>3</td><td>DATE OF BIRTH :</td><td>
DAY : <select>
<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>
MONTH :
<select>
<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>
</select>
YEAR :
<select>
<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>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
</select>
</td></tr>
<tr><td>4</td><td>SEX :</td><td><input type="radio">MALE <input type="radio">FEMALE</td></tr>
<tr><td>5</td><td>HOBBIES : </td><td><input type="checkbox">PAINTING</td></tr>
<tr><td>6</td><td>SUBMIT</td><td><input type="Submit"></td></tr>
<tr><td>7</td><td>RESET</td><td><input type="Reset"></td></tr>
</table>
</body>
</html>
OUTPUT :
No comments:
Post a Comment