registration form
<!DOCTYPE html>
<html>
<head>
<style>
fieldset {
background-color: #00E9ED;
}
legend {
background-color: #00ED85;
color: black;
padding: 5px 10px;
}
input {
margin: 5px;
}
</style>
</head>
<body>
<h1>Registration Form</h1>
<form action="/action_page.php">
<fieldset>
<legend><b>Fullname:</b></legend>
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="mname">Middle name"</label>
<input type="text" id="mname" name"mname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
</fieldset>
</form>
<form action="/action_page.php">
<fieldset>
<legend><b>Gender:</b></legend>
<label for="male">Male</label>
<input type="radio" name="gender" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="gender" id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
</fieldset>
</form>
<form action="/action_page.php">
<fieldset>
<legend><b>Basic Information:</b></legend>
<label for="age">Age:</label>
<input type="number" id="number" name="age"><br><br>
<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday"><br><br>
<label for="adress">Adress:</label>
<input type="text" id="adress" name="adress"><br><br>
<label for="number">Phone Number:</label>
<input type="number" id="number" name="Phone number"><br><br>
<label for="number">Contact Number:</label>
<input type="number" id="number" name="Contact number"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
</fieldset>
</form>
<form action="/action_page.php">
<fieldset>
<legend><b>Select Your Course:</b></legend>
<label for="course">Course </label>
<select name="list" id="list" width=10px >
<option value="MMA">MMA</option>
<option value="BSPSY">BSPSYL</option>
<option value="BEED">BEED</option>
<option value="BSED">BSED</option>
<option value="js">JavaScript</option>
</select><br><br>
<textarea name="Comment" rows="3" cols="30" placeholder="Type some text here"></textarea><br/>
<input type="submit" value="Submit">
</fieldset>
</form>
</body>
</html>
Comments
Post a Comment