---
# System prepended metadata

title: HOW TO CREATE A FORM AND TABLE USING HTML

---

# HOW TO CREATE HTML FORM AND TABLE FOR A WEBPAGE

## FORM

```
<form>
<h1>HOSPITAL BIO DATA FORM</h1>
<label>FULL NAME</label>
<input type="text"><br><br>

<!-- CONTACTS -->
<label>EMAIL</label>
<input type="email"><br><br>
<label>PHONE NUMBER</label>
<input type="text"><br><br>

<!-- DATE OF BIRTH -->
<label>DATE OF BIRTH</label>
<input type="date"><br><br>

<label>AGE</label>
<input type="text"><br><br>



<!-- GENDER BASED QWETIONS -->
<label>GENDER:</label>
<label>male</label>
<input type="radio">
<label>female</label>
<input type="radio"><br><br>



<!-- MULTIPLE CHOICE QWESTIONS ON HOBBIES -->
<label>HOBBIES:</label>
<label>football</label>
<input type="checkbox">
<label>Football</label>
<input type="checkbox">
<label>Singing</label>
<input type="checkbox">
<label>Dacinig</label>
<input type="checkbox">
<label>Music</label>
<input type="checkbox">
<label>Gaming</label>
<input type="checkbox">
<label>Hiking</label>
<input type="checkbox"><br><br>


<!-- SELECTION OF GENOTYPE -->
<label>GENOTYPE</label>
<select>
<option>AA</option>
<option>SS</option>
<option>AS</option>
</select><br><br>


<!-- SECTION FOR BLOOD GROUP -->
<label>BLOODGROUP</label>
<SELECT>
<option>A+</option>
<option>AB</option>
<option>B+</option>
<OPTION>B-</OPTION>
<option>O</option>
</select><br><br>


<!-- SECTION FOR DONATION OF BLOOD -->
<label>WOULD YOU LIKE TO DONATE YOUR BOOD?</label>
<label>Yes<label<label>
<INPUT TYPE="radio">
<label>No</label>
<input type="radio"><br><br>


<label>SUGESTIONS</label>
<input type="textarea"><br><br>




<!-- SUMBITION BUTTONS -->
<button>submit</buttton>
<button>clear</button>


</form><br><br><br>
```

![Screenshot from 2025-01-22 17-05-33](https://hackmd.io/_uploads/SJsGd5RPJg.png)

## TABLE
```
<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>16</td>
<td>B+</td>
<td>AA</td>
<td>NO</td>
<td>UN-DISCLOSED</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>22</td>
<td>A+</td>
<td>AS</td>
<td>YES</td>
<td>SINGING</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>7</td>
<td>O</td>
<td>SS</td>
<td>NO</td>
<td>MUSIC,SINGING</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>19</td>
<td>O</td>
<td>AS</td>
<td>YES</td>
<td>FOOTBALL</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>45</td>
<td>B+</td>
<td>AA</td>
<td>YES</td>
<td>HIKING</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>80</td>
<td>O</td>
<td>UN-DISCLOSED</td>
<td>NO</td>
<td>UN-DISCLOSED</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>16</td>
<td>B+</td>
<td>AA</td>
<td>NO</td>
<td>UN-DISCLOSED</td>
</table>
```

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>22</td>
<td>A+</td>
<td>AS</td>
<td>YES</td>
<td>SINGING</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>7</td>
<td>O</td>
<td>SS</td>
<td>NO</td>
<td>MUSIC,SINGING</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>19</td>
<td>O</td>
<td>AS</td>
<td>YES</td>
<td>FOOTBALL</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>45</td>
<td>B+</td>
<td>AA</td>
<td>YES</td>
<td>HIKING</td>
</table>

<table bgcolor="black" width="700">>
<tr bgcolor="red">
<th>AGE</th>
<th>BLOODGROUP</th>
<th>GENPOTYPE</th>
<th>DONOR</th>
<th>HOBBIES</th>
</tr>
<tr bgcolor="pink">
<td>80</td>
<td>O</td>
<td>UN-DISCLOSED</td>
<td>NO</td>
<td>UN-DISCLOSED</td>
</table>






