<!DOCTYPE html>
<html>
<head>
<title>Form Elelents and attributes</title>
<style> //format and styles
div{
margin-bottom: 10px
}
label {
display: line-block
width: 120px;
}
fieldset {
background: #E749A0;
}
legend {
padding: 20px 0;
}
body {background-color: #562F44;} // styles applied to body tag
</style>
</head>
<body>
<form action="/form/submit" method="GET or POST" >
<fieldset>
<legend>Personal Information:</legend>
<label for="fname">Name</label>
<input type="text"name="Name"id="dname"value"mary"/><br/><br/>
<label for="number">Phone</label>
<input type="number"name="phone"id="number"/><br/><br/>
<label for="email">Email</label>
<input type+"email"placeholder="Enter Email"name"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>Talents/Skills :</legend>
<input type="checkbox"placeholder="drawing"name="talents"required>Drawing<br/><br/>
<input type="checkbox"placeholder="Photography"name="talents"required>Photography<br/><br/>
</fieldset>
<fieldset>
<legend>Course:</legend>
<select name="list" id="list" width=10px >
<option value="MMA">MMA</option>
<option value="CRIMINOLOGY">CRIMINOLOGY</option>
<option value="PSYCHOLOGY">PSYCHOLOGY</option>
<option value="ABCOM">ABCOM</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"/><br/><br/>
</fieldset>
No comments:
Post a Comment