REGISTRATION FORM
<!DOCTYPE hmtl>
<html>
<body>
<title>Form Element and Attributes</title>
<style> //format and styles
div{
margin-bottom:10px;
}
label{
display:inline-block;
width:120px;
}
legend{
padding:20px0;
font-size:20px;
}
</style>
</head>
<body>
<form action="/form/submit" method="GET or POST" >
<fieldset>
<legend>Personal Information:</legend>
<label for="fname">Name</label>
<input type="text" placeholder="Enter Name" name="Name" id="fname"/><br/><br/>
<label for="number">Phone</label>
<input type="number" placeholder="Enter Number" name="Phone" id="number"/><br/><br/>
<label for="email">Email</label>
<input type="email" placeholder="Enter Email" name="email" required><br/><br/>
<label for="Birthday">Birthday</label>
<input type="date" placeholder="Enter Birthday" name="Birthday" required>
<br/><br/>
<label for="Username">Username </label>
<input type="text" placeholder="Enter Username" name="Username" required> <br/><br/>
<label for="Password">Password </label>
<input type="Password" placeholder="Enter Password" name="Password" required> <br/><br/>
<label for="Confirm Password"> Confirm Password </label>
<input type="Confirm Password" placeholder="Enter Confirm Password" name=" Confirm Password" required> <br/><br/>
</fieldset>
<fieldset>
<legend>Gender:</legend>
<input type="radio" placeholder="Male" name="Gender" required> Male <br/><br/>
<input type="radio" placeholder="Female" name="Gender" required> Female <br/><br/>
</fieldset>
<fieldset>
<legend>Talent/skills:</legend>
<input type="checkbox"placeholder="Digital art"name="Talents"required>Digital art<br/><br/>
<input type="checkbox"placeholder="Videography"name="Skills"required>Videography<br/><br/>
</fieldset>
<fieldset>
<legend>Message:</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>
<label for="Upload a photo">Upload a photo</label>
<input type="Submit" value="Choose file"/><br/><br/>
<label for=Color">Color</label>
<input type="color" value="#0000000"/><br/><br/>
<textarea name="Comment" rows="3" cols="30" placeholder="Type some text here"></textarea><br/>
<input type="Submit" value="Submit"/>
<input type="Reset" value="Reset"/>
</fieldset>
</form>
</body>
</html>
Comments
Post a Comment