rashid jorvee blog: HTML input fields example

Create a simple student registration form using HTML. This form should have option to fill the following:

Below is the HTML code. You could copy and paste the complete content and run in your machine.

	<html>
	<title>
	Student Registration
	</title>
	<head>
	<style>
	.reg-form {
	background-color:white;
	}
	</style>
	</head>
	<body>
	<div class="reg-form" style="border: solid; padding-left: 10px; padding-top: 1px;">
	<h3>Student Registration Form </h3>
	Name: <input type="text" id="name" placeholder="Enter name" style="margin-bottom: 5px;"><br />
	Email: <input type="email" id="email" placeholder="Enter your email" style="margin-bottom: 5px;"><br /><br />
	Degree Studies: <input type="radio" name="degreeStudies" value="fulltime"> Full-time
	<input type="radio" name="degreeStudies" value="parttime"> Part-time <br />
	<br />
	<label for="program">What would you like to study?</label><br /><br />
	<select id="program" size="4" multiple>
	<option value="web">Web</option>
	<option value="cplus">C ++</option>
	<option value="java">Java</option>
	<option value="python">Python</option>
	</select>
	<p>Which days do you prefer?</p>
	<input type="checkbox" name="day" value="monday"> Monday<br>
	<input type="checkbox" name="day" value="tuesday"> Tuesday<br>
	<input type="checkbox" name="day" value="wednesday"> Wednesday<br><br>
	</div><br><br>
	<div class="footer-div" style="padding-left: 10px;">
	<input type="submit" id="submit" text="Submit">
	<button type="button" id="clear">Clear</button></div>
	</body>
	</html>

view raw student-reg.html hosted with ❤ by GitHub

You HTML form will look like as below:

Hope this helps you to create and understand the different input fields of HTML and how to develop a HTML form using all kind of input fields.

rashid jorvee blog