Complete Application Form By Html

Hi guys ! today I am here with a Complete Application Form By Html. After learn these codes you’ll able to create a complete form. So friend’s let’s know how to do it.

 

<html>
 <head>
 <title> For Practice</title>
 </head>
 <body bgcolor="#ff0000">
 <center>
 <h2>Applications for Honors 1st Year</h2>
 </center>
 <form method="" action=""><!.............for form..........>
 <fieldset>
 <legend>Applications Form</legend><br/><br/>
 <label>User Name :</label>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
 <input type="text" name="uname" value="" required/><br/><br/>
 <label>First Name :</label>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
 <input type="text" name="fname" value="" required/><br/><br/>
 <label>Last Name :</label>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
 <input type="text" name="lname" value="" required/><br/><br/>
 <label>E-mail :</label>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
 <input type="email" name="email" value="" required/><br/><br/>
 <label>Password :</label>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
 <input type="password" name="password" value="" required/><br/><br/>
 <label>Re-type Password :</label>
 <input type="password" name="password" value="" required/><br/><br/>
 <label>Languages :</label>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
 <input type="checkbox" name="HTML" value=""/>HTML
 <input type="checkbox" name="CSS" value=""/>CSS
 <input type="checkbox" name="PHP" value=""/>PHP
 <input type="checkbox" name="JAVA" value=""/>JAVA<br/><br/>
 <label>Are you want to join :</label>
 <input type="radio" name="yes" value=""/>Yes
 <input type="radio" name="no" value=""/>NO<br/><br/>
 <label>Choose Browser :</label>
 <input list="browser"/>
 <datalist id="browser">
 <option value="">Chrome</option>
 <option value="">Firefox</option>
 <option value="">Internet Explorer</option>
 <option value="">Opera Mini</option>
 </datalist><br/><br/>
 <label>Date :</label>
 <input type="date"><br/><br/>
 <label>Choose Your Country :</label>
 <select name="country">
 <option value="">Bangladesh</option>
 <option value="">India</option>
 <option value="">Nepal</option>
 <option value="">Pakistan</option>
 </select><br/><br/>
 <label>Upload A Profile Picture :</label>
 <input type="file" name="file" value=""/><br/><br/>
 <label>Write Your Interests :</label><br/><br/>
 <textarea cols="50" rows="8"></textarea>

<input type="submit" value="Submit"/>

</fieldset>

</body>
 </html>

 

Application Form By Html
Complete Application Form

 

 

Hope you all enjoy this lesson. I’ll be back for you guys with a new lesson.

Comments

comments