Signup/Sign In
Ask Question
Not satisfied by the Answer? Still looking for a better solution?

HTML project registration form

<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h1>My Registration Form</h1>
<form>
<div>
<label>First Name</label>
<input type="text" name="fname" />
</div>
<br />
<div>
<label>Last Name</label>
<input type="text" name="lname" />
</div>
<br />
<div>
<label>Gender</label>
<br />
<input type="radio" name="gender" />
<label>Male</label>
<br />
<input type="radio" name="gender" />
<label>Female</label>
<br />
<input type="radio" name="gender" />
<label>Other</label>
<br />
</div>
<br />
<div>
<label>Courses</label>
<select>
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
</select>
</div>
<br />
</form>
</body>
</html>
by

3 Answers

schawnnah
The provided code is an HTML registration form. It consists of various form elements like text inputs, radio butons, and a select dropdown. Here's a breakdown of the form structure:

html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h1>My Registration Form</h1>
<form>
<div>
<label>First Name</label>
<input type="text" name="fname" />
</div>
<br />
<div>
<label>Last Name</label>
<input type="text" name="lname" />
</div>
<br />
<div>
<label>Gender</label>
<br />
<input type="radio" name="gender" />
<label>Male</label>
<br />
<input type="radio" name="gender" />
<label>Female</label>
<br />
<input type="radio" name="gender" />
<label>Other</label>
<br />
</div>
<br />
<div>
<label>Courses</label>
<select>
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
</select>
</div>
<br />
</form>
</body>
</html>
The form starts with the <form> tag and contains several <div> elements to group related form elements together. Each input field is wrapped inside a <div> along with its corresponding <label> for better accessibility.

The form includes fields for First Name and Last Name, which are text inputs (<input type="text">). It also has a Gender section with radio butons (<input type="radio">) for Male, Female, and Other options.

Lastly, there is a Courses section with a dropdown select (<select>) containing options for HTML, CSS, and JavaScript.

Note: This is a basic structure of a registration form and may require additional styling and functionality to suit specific needs.
schawnnah
`
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h1>My Registration Form</h1>
<form>
<div>
<label>First Name</label>
<input type="text" name="fname" />
</div>
<br />
<div>
<label>Last Name</label>
<input type="text" name="lname" />
</div>
<br />
<div>
<label>Gender</label>
<br />
<input type="radio" name="gender" />
<label>Male</label>
<br />
<input type="radio" name="gender" />
<label>Female</label>
<br />
<input type="radio" name="gender" />
<label>Other</label>
<br />
</div>
<br />
<div>
<label>Courses</label>
<select>
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
</select>
</div>
<br />
</form>
</body>
</html>
`
Dhuthigadevirm8g3
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h1>My Registration Form</h1>
<form>
<div>
<label>First Name</label>
<input type="text" name="f1" />
</div>
<br />
<div>
<label>Last Name</label>
<input type="text" name="l1" />
</div>
<br />
<div>
<label>Gender</label>
<br />
<input type="radio" name="gender" />
<label>Male</label>
<br />
<input type="radio" name="gender" />
<label>Female</label>
<br />
<input type="radio" name="gender" />
<label>Other</label>
<br />
</div>
<br />
<div>
<label>Courses</label>
<select>
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
</select>
</div>
<br />
</form>
</body>
</html>

Login / Signup to Answer the Question.