Saturday 23 January 2016

HTML form with legend ....

<html>
<head>
<title><b>User input form</b></title>
</head><body bgcolor="aqua">
<form action=""method="get" >

<fieldset >
<legend >personal information</legend>



gender:<input type="radio"name="gender"id="gender"value="male"/>male
<input type="radio"name="gender"id="gender"value="female"/>female<br>

birthday:<select name:"bd"id="bd">
             <option value="select">month</option></select>
<select name:"bd"id="bd">
             <option value="select">date</option>
            </select>   
<select name:"bd"id="bd">
             <option value="select">1975</option>
            </select>       
<BR>
state:<select name:"sta"id="sta">
             <option value="select">ohio</option>
            </select><BR>


country:<select name:"c"id="c">
             <option value="select">unitedstates</option>
            </select><BR></fieldset>
</fieldset>




<fieldset>
<legend > site regestration</legend>
username:<input type="text"name="name"id="name"/><br>
password:<input type="password"name="password"id="password"/><br>
retypepassword:<input type="password"name="password"id="password"/><br>
emailaddress:<input type="text"name="e"id="e"/><br>
retypeemailaddress:<input type="text"name="e"id="e"/><br>



age:<select name="age" id="age">
<option value ="<1 year old">1 year old
 selected</option>
<option value =">5year old">5years old selected</option>
</select><br>
</fieldset>


</form></body>
</html>




OUTPUT:






No comments:

Post a Comment