How to make a Registration Form using HTML

Spread the love

Table of Contents

Problem Statement

Write a code to make a simple registration form using Hypertext Markup Language(HTML)

Code

<html>
<head>
<title>Tech AR Registration Form – 1</title>
</head>
<body>
<form>
<label for=”t1″>Name: </label>
<input type=”text” name=”t1″ id=”t1″ placeholder=”Enter your name”><br>
<label for=”t3″ >Email Id: </label>
<input type=”email” name=”t3″ id=”t3″><br>
<label for=”t5″ >Favourite color: </label>
<input type=”color” name=”t5″ id=”t5″><br>
<label for=”t8″ >Password: </label>
<input type=”password” name=”t8″ id=”t8″>
<br>
<label for=”t11″ >Preferred Language: </label>
<input type=”checkbox” name=”t11″ id=”t11″ value=”Eng” checked>English
<input type=”checkbox” name=”t11″ id=”t12″ value=”hin”>Hindi
<input type=”checkbox” name=”t11″ id=”t13″ value=”others”>Others<br>
<label for=”t14″ >Gender: </label>
<input type=”radio” name=”t14″ id=”t14″ value=”M”>Male
<input type=”radio” name=”t14″ id=”t15″ value=”F”>Female
<input type=”radio” name=”t14″ id=”t16″ value=”ts”>Transgender<br>
<label for=”t17″ >Country: </label>
<select name=”t17″ id=”t17″>
<option value=””>Select</option>
<option value=”IND”>India</option>
<option value=”PK”>Pakistan</option>
<option value=”CA”>Canada</option>
</select><br><br>
<input type=”submit” value=”Register”>
<input type=”reset” value=”Clear form”>
</form>
</body>
</html>

Read more…


Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *