While design the web page first of all,we have to know about the user requirements. The below example is the web page of an computer institute,which offer a certain course like basic,hardware and software to the costumer and the costumer have to fill the form from its web page.
For this the institute ask for:-
- Costumer name
- Address
- course title
- course selection
- qualification
- contact number
then submit the application
fig:-Block diagram of web page of institute
code:-
<!DOCTYPE html>
<html>
<body>
<head><h1><center>ADMISSION FORM</center></h1></head><hr><br>
<body style="background-color:lightgrey">
<marquee><h2>please fill the form carefully</h2></marquee><br>
<h3><b>Enter yours personal details</b></h3>
Enter the first name<input type= text name=txt1><br>
Enter the last name<input type= text name=txt2><br>
Enter the address<input type= text name=txt3><br>
Sex <input type = radio name=opt1>male<br>
<input type = radio name=opt2>female
<br>
<h3><b>Choose any one course</b></h3>
Basic <input type= check box name=chk2><br>
Software<input type= check box name=chk3><br>
hardware<input type= check box name=chk4><br>
account <input type= check box name=chk5><br>
select ur qualification
<select name=cmb1>
<option>select</option>
<option>slc</option><br>
<option>+2level</option>
<option>master</option>
</select><br>
contact no<input type= text name=txt4><br>
<button type="button" onclick="alert('thankyou your application is accepted!')">submit!</button>
</body>
</html>
I will describe about the text type ,check box name in my another post. the output of this code is
