<!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/>
Activity : Describe the result of each Code
<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>
<fieldset>
<legend>Gender:</legend>
<input type="radio"placeholder="Male"name="Gender" required>Male<br/><br/>
<input type="radio"placeholder="Female"nmae="Gender"required>Female<br/><br/>
</fieldset>
<fieldset>
<legend>Talent/skills:</legend>
<input type="checkbox"placeholder="Photography"name="Talents"required>Photography<br/><br/>
<input type="checkbox"placeholder="Videography"name="Skills"required>Videography<br/><br/>
</fieldset>
</form>
</body>
</html>
Comments
Post a Comment