html forms
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>forms</title>
<style>
ul li {
list-style:none;
}
</style>
</head>
<body>
<h1>Working with forms</h1>
<hr>
<fieldset>
<legend>
User Login Details
</legend>
<form name="form1" method="post" action="">
<ul>
<li>User Name</li>
<li><input type="text" size="30" placeholder="User Name"></li>
<li>Email</li>
<li><input type="email" size="30" placeholder="Enter email id exp: jeevanitinfo@gmail.com"></li>
<li>Password</li>
<li><input type="password" size="30"></li>
</ul>
</fieldset>
<fieldset>
<legend>
Personal Details
</legend>
<ul>
<li>First Name</li>
<li><input type="text" size="30"></li>
<li>Last Name</li>
<li><input type="email" size="30"></li>
<li>Date of Birth</li>
<li>
<select name="select1">
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
</select>
<select name="select1">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select name="select3">
<option>2001</option>
<option>2002</option>
<option>2003</option>
</select>
</li>
<li>Gender</li>
<li>
<input type="radio" name=radio1>Male
<input type="radio" name=radio1>FeMale
</li>
<li>Qualification</li>
<li>
<input type="checkbox" name=check>10th
<input type="checkbox" name=check>Inter
<input type="checkbox" name=check>Degree
<input type="checkbox" name=check>PG
</li>
<li>Upload Resume</li>
<li>
<input type="file">
</li>
<li>color</li>
<li>
<input type="color">
</li>
<li>time</li>
<li>
<input type="date">
</li>
<li>
<input type="submit" value="Submit Form">
<input type="reset" value="reset Form">
</li>
</ul>
</form>
</fieldset>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>forms</title>
<style>
ul li {
list-style:none;
}
</style>
</head>
<body>
<h1>Working with forms</h1>
<hr>
<fieldset>
<legend>
User Login Details
</legend>
<form name="form1" method="post" action="">
<ul>
<li>User Name</li>
<li><input type="text" size="30" placeholder="User Name"></li>
<li>Email</li>
<li><input type="email" size="30" placeholder="Enter email id exp: jeevanitinfo@gmail.com"></li>
<li>Password</li>
<li><input type="password" size="30"></li>
</ul>
</fieldset>
<fieldset>
<legend>
Personal Details
</legend>
<ul>
<li>First Name</li>
<li><input type="text" size="30"></li>
<li>Last Name</li>
<li><input type="email" size="30"></li>
<li>Date of Birth</li>
<li>
<select name="select1">
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
</select>
<select name="select1">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select name="select3">
<option>2001</option>
<option>2002</option>
<option>2003</option>
</select>
</li>
<li>Gender</li>
<li>
<input type="radio" name=radio1>Male
<input type="radio" name=radio1>FeMale
</li>
<li>Qualification</li>
<li>
<input type="checkbox" name=check>10th
<input type="checkbox" name=check>Inter
<input type="checkbox" name=check>Degree
<input type="checkbox" name=check>PG
</li>
<li>Upload Resume</li>
<li>
<input type="file">
</li>
<li>color</li>
<li>
<input type="color">
</li>
<li>time</li>
<li>
<input type="date">
</li>
<li>
<input type="submit" value="Submit Form">
<input type="reset" value="reset Form">
</li>
</ul>
</form>
</fieldset>
</body>
</html>
Comments
Post a Comment