Sample Program showing Registration form with some HTML form elements
<html>
<body style="background-color:gold">
<h1>Registration form</h1>
<table>
<tr>
<td>Enter your name</td>
<td><input name="firstname" type="text"></td>
</tr>
<tr>
<td>Select Gender</td>
<td>
<input type="radio" id="rdoMale" name="Gender">Male
<input type="radio" id="rdoFemale" name="Gender">Female
</td>
</tr>
<tr>
<td>Select DOB</td>
<td>
<input type="date">
</td>
</tr>
<tr>
<td>Select State</td>
<td>
<select name="states">
<option value="tn">Tamilnadu</option>
<option value="kl">Kerala</option>
<option value="ts">Telungana</option>
<option value="ap">Andrapradesh</option>
<option value="kr">Karnataka</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<button type="button" onclick="alert('Registration Initiated...')">Register</button>
</td>
</tr>
</table>
<style>
table,tr,td{
border:1px solid black;
}
select,button{
width: 200px;
}
</style>
<body>
</html>
</tr>
<tr>
<td>Select DOB</td>
<td>
<input type="date">
</td>
</tr>
<tr>
<td>Select State</td>
<td>
<select name="states">
<option value="tn">Tamilnadu</option>
<option value="kl">Kerala</option>
<option value="ts">Telungana</option>
<option value="ap">Andrapradesh</option>
<option value="kr">Karnataka</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<button type="button" onclick="alert('Registration Initiated...')">Register</button>
</td>
</tr>
</table>
<style>
table,tr,td{
border:1px solid black;
}
select,button{
width: 200px;
}
</style>
<body>
</html>
No comments:
Post a Comment