Forms in HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Forms revise</title>
<style>
#my video{
width: fit-content;
}
</style>
</head>
<body>
<fieldset> <!-- the line generated outside the form is fieldset-->
<legend>contact form</legend> <!-- Legend tag is used to name the form as you see live-->
<h3>Forms</h3>
<form action="backend.php"></form>
<div><!--giving name id is important keep in mind-->
<label for="name"> name </label>
<input type="text" name="my Name" id="name">
</div>
<br>
<div>
<label for="Fathername"> Fathername</label>
<input type="text" id="Fathername" name="my Fathername">
</div>
<br>
<div>
email : <input type="email" name="my email" >
</div>
<br>
<div>
date : <input type="date" name="my date" >
</div>
<br>
<div>
<label for="telephone">Enter Telephone</label>
<input type="tel" name="my telephone" id="telephone">
</div>
<br>
<div>
<label for="file">upload your file</label>
<input type="file" name="my file" id="file">
</div>
<br>
<div><!--this is important-->
are you adult? :<input type="checkbox" name="my adult" >
</div>
<br>
<div><!--this is important keep in mind-->
select gender : Male <input type="radio" name="my gender"> female <input type="radio" name="my gender">
</div>
<br>
<div><!--label select keep in mind-->
<label for="car">car</label>
<select name="my car" id="car">
<option value="honda">honda</option>
<option value="city">city</option>
<option value="etron">etron</option>
</select>
</div>
<br>
<div>
<input type="submit" value="submit now">
</div>
<br>
<div>
<input type="reset" value="reset now">
</div>
</fieldset>
</body>
</html>
Comments
Post a Comment