HTML Form Elements

 
<html>
	<head>
		<title>Form Tags</title>
	</head>
	
	<body>
		<form action="" method="post">
			<label>Name</label>
            <input type="text" name="fname" value="" placeholder="Enter your name" /> <br><br>
			
			<label>Password</label>
            <input type="password" name="" />  <br><br>
			
			<label>Gender</label>
            <input type="radio" name="gender" id="male" /><label for="male">Male</label> <input type="radio" name="gender" id="female"><label for="female">Female</label> <br><br>
			
			<label>Hobbies</label>
            <input type="checkbox" name="hobby" id="music" /><label for="music">Music</label> 
            <input type="checkbox" name="hobby" id="football"><label for="football">Football</label> <br><br>
		
			<label>Message</label>
            <textarea rows="10" cols="60">Yahoo baba</textarea> <br><br>
			<label>Country</label>
            <select name="" size="3" multiple>
				<option value="in">India</option>
				<option value="pk">Pakistan</option>
				<option value="ne">Nepal</option>
				<option value="cn" selected>China</option>
			</select>
			<br/><br/>
			<label>Cars</label>
            <select>
				<optgroup label="Toyota">
				  <option>Innova</option>
				  <option>Etios</option>
				  <option>Fortuner</option>
				</optgroup>
			    <optgroup label="Renault">
				  <option>Kwid</option>
				  <option>Duster</option>
				  <option>Captur</option>
				</optgroup>
			</select>
			<br><br>
			<label>Cars</label>
            <input list="cars">					
				<datalist id="cars">
					<option value="Innova">
					<option value="Kwid">
					<option value="Etios">
					<option value="Swift">
					<option value="Duster">
				</datalist>
			    <br><br>		
			<label>Upload File</label>
            <input type="file" accept="video/*" name="" />
		</form>
	</body>
</html>

 
<html>
	<head>
		<title>Form Tags</title>
	</head>
	
	<body>
		<form action="" method="post">
			<fieldset>
			<legend>Enter Personal Detail</legend>
			<label>Name</label> <input type="text" name="fname" value="" placeholder="Enter your name" /> <br><br>
			
			<label>Password</label> <input type="password" name="" />  <br><br>
			
			<label>Gender</label> <input type="radio" name="gender" id="male" /><label for="male">Male</label> <input type="radio" name="gender" id="female"><label for="female">Female</label> <br><br>
			
			<label>Hobbies</label> <input type="checkbox" name="hobby" id="music" /><label for="music">Music</label> <input type="checkbox" name="hobby" id="football"><label for="football">Football</label> <br><br>
		
			<label>Message</label> <textarea rows="10" cols="60">Yahoo baba</textarea> <br><br>
			
			<label>Country</label> <select name="" size="3" multiple>
										<option value="in">India</option>
										<option value="pk">Pakistan</option>
										<option value="ne">Nepal</option>
										<option value="cn" selected>China</option>
								   </select>
								   <br/><br/>
			<label>Cars</label> <select>
									<optgroup label="Toyota">
										<option>Innova</option>
										<option>Etios</option>
										<option>Fortuner</option>
									</optgroup>
									<optgroup label="Renault">
										<option>Kwid</option>
										<option>Duster</option>
										<option>Captur</option>
									</optgroup>
								</select>
								<br><br>
			<label>Cars</label> <input list="cars">					
								<datalist id="cars">
									<option value="Innova">
									<option value="Kwid">
									<option value="Etios">
									<option value="Swift">
									<option value="Duster">
								</datalist>
						<br><br>		
			<label>Upload File</label>	<input type="file" accept="video/*" name="" />
			<br><br>
			
			<input type="submit" value="Save" />
			
			<input type="reset" />	

			<input type="image" src="IMAGE_PATH" width="20px" alt="Submit button" />
			</fieldset>
		</form>
	</body>
</html>