in this tutorial we are create a simple html registration form using HTML 5.Like this Example
Code of this page is below :-
Step 1 :-We are create the page type of HTML document. we are using doctype html tag.this tag define the page documentation.
Example :-
<!doctype html>
Note :-
for the HTML 5 can't be declare <!doctype html5> .in html you can use small letter for tag.
Step 2 :-
We are declare html tag in page for html web page and define the head session of the web page.In head session we define the page Title. this Title is use by the search engine for the search for web page and the Title is display in your web browser Address Bar.When we are save the web page of bookmark then this Title is use of page Title.We are declare title for title tag in html.
Example :-
<!doctype html>
<html>
<head>
<title>Registration From</title>
</head>
</html>
Note :-
Always close the HTML tags. The Head Session part of the page can't be display in your web browser but it is most important part of the page.
Step 3 :-
Then After we are create the body part of the page.this part of the is display in your web browser.in this part we are creating the displayed element in the page using HTML tags.
Example :-
<!doctype html>
<html>
<head>
<title>Registration From</title>
</head>
<body>
<h1>Registration Form</h1>
Full Name: <input type="text" name="name" >
Mobile Number: <input type="number" name="mobile_no" >
E-Mail:<input type="email" name="email" >
Password:<input type="password" name="pwd" >
Sex:
<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female
Date of Birth:<input type="date" name="dob" >
Marital Status:
<input type="radio" name="mstatus" value="single" class="single">Single
<input type="radio" name="mstatus" value="married" class="married">Married
Date of Anniversary:<input type="date" name="doa" class="anniversary">
Country Name:
<select name="country" id="country_id">
<option value="">Select Country</option>
<option value="">Select Country</option>
<option value="">Select Country</option>
</select>
State Name:</div>
<select name="state" id="state_id">
<option value="">Select State</option>
<option value="">Select State</option>
<option value="">Select State</option>
</select>
City Name:
<select name ="city" id ="city_id">
<option value="">Select City</option>
<option value="">Select City</option>
<option value="">Select City</option>
</select>
<input type="submit" value="submit">
</body>
</html>
