forms html code example
Example 1: html input types
<form>
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">
</form>
Example 2: html form
<form action="/action.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" value="Mike"><br><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" value="Walker"><br><br>
<input type="submit" value="Submit">
</form>
Example 3: html forms
<form action="/page/"></form>
<input type="text">
<input type="password">
<input type="email">
<input type="date">
<input type="url">
<input type="image">
<input type="search">
<input type="checkbox" name="">
<input type="button">
<input type="number">
<input type="color">
<input type="radio" name="radio" id="radio1" value="radio1selected">
<input type="radio" name="radio" id="radio2" value="radio1selected">
<input type="radio" name="radio" id="radio3" value="radio1selected">
<select name="Meal" id="Meal">
<option value="Steak">Steak</option>
<option value="Fish">Fish</option>
</select>
<input type="text" placeholder="hint text">
<label for="username">Enter a username</label>
<input type="text" placeholder="Enter username" id="username">
Example 4: formulaire html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="design.css">
</head>
<body>
<form action ="traitement.php" method ="post/get">
<p>
Remplissez ce formulaire:<br>
Nom:
<input type="text" name="prenom">
</p>
<p>
Prénom:
<input type="text" name="Nom">
</p>
<p>
Nom de la sociétée:
<input type="text" name="Nom de ma sociétée"> <br>
</p>
<select name="requete">
<option value= "Prendre contacte">Prendre contacte</option>
<option value= "embaucher moi">embaucher moi</option>
<option value="j'ai besoin d'un stagiaire">j'ai besoin d'un stagiaire<option>
</select>
<label>Votre message:</label><br>
<textarea></textarea> <br>
</form>
<section>
</section>
<form>
<label for="Quelle est votre CB?">
Quelle est votre CB?
</label>
<input type="text" list="cartes" name="cartes">
<datalist id="cartes">
<option value= "GOLD">Gold</option>
<option value= "Master card">Master card</option>
<option value= "Visa classique">Visa classique</option>
</datalist>
</form>
</body>
Example 5: forms in html
<!--This is a contact me form created using HTML -->
<form action="mailto:youremail" enctype='text/plain'>
<label for="">Your Name: </label>
<input type="text" name='yourName'><br>
<label for=>Your Emain: </label>
<input type="email" name='yourEmail'><br>
<label for="">Your Message: </label><br>
<textarea name="yourMessage" id="" cols="30" rows="10"></textarea><br>
<input type="submit">
</form>
Example 6: form css
#form {
border: 1px solid black;
padding: 1.5%;
text-align: center;
}