form with title in html
xxxxxxxxxx
<section>
<h2>Payment information</h2>
<p>
<label for="card">
<span>Card type:</span>
</label>
<select id="card" name="usercard">
<option value="visa">Visa</option>
<option value="mc">Mastercard</option>
<option value="amex">American Express</option>
</select>
</p>
<p>
<label for="number">
<span>Card number:</span>
<strong><span aria-label="required">*</span></strong>
</label>
<input type="tel" id="number" name="cardnumber" />
</p>
<p>
<label for="expiration">
<span>Expiration date:</span>
<strong><span aria-label="required">*</span></strong>
</label>
<input
type="text"
id="expiration"
required="true"
placeholder="MM/YY"
pattern="^(0[1-9]|1[0-2])\/([0-9]{2})$" />
</p>
</section>
xxxxxxxxxx
<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>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
</head>
<body>
<h1>Contact</h1>
<form method="post" action="send-email.php">
<label for="name">Name</label>
<input type="text" name="name" id="name" required>
<label for="email">email</label>
<input type="email" name="email" id="email" required>
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject" required>
<label for="message">Message</label>
<textarea name="message" id="message" required></textarea>
<br>
<button>Send</button>
</form>
</body>
</html>
xxxxxxxxxx
<form action="/submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<input type="submit" value="Submit">
</form>
xxxxxxxxxx
<!-- Form which will send a GET request to the current URL -->
<form method="get">
<label>Name:
<input name="submitted-name" autocomplete="name">
</label>
<button>Save</button>
</form>
<!-- Form which will send a POST request to the current URL -->
<form method="post">
<label>Name:
<input name="submitted-name" autocomplete="name">
</label>
<button>Save</button>
</form>
<!-- Form with fieldset, legend, and label -->
<form method="post">
<fieldset>
<legend>Title</legend>
<label><input type="radio" name="radio"> Select me</label>
</fieldset>
</form>
xxxxxxxxxx
<form action="form.jsp">
First Name: <input type="text" name="firstName" />
<br>
Last Name: <input type="text" name="lastName" />
<br>
<select name="country">
<option>VietNam</option>
<option>Japan</option>
<option>South Korea</option>
<option>China</option>
</select>
<br>
The favorite language of student
<input type="radio" name="favoriteLanguage" value="java">java
<input type="radio" name="favoriteLanguage" value="javascript">javascript
<input type="radio" name="favoriteLanguage" value="python">python
<input type="radio" name="favoriteLanguage" value="c++">c++
<br>
The favorite sport
<input type="checkbox" name="favoriteSport" value="football">football
<input type="checkbox" name="favoriteSport" value="basketball">basketball
<input type="checkbox" name="favoriteSport" value="table tenis">table tenis
<input type="checkbox" name="favoriteSport" value="volleyball">volleyball
<br>
<input type="submit" value="Submit" />
</form>
xxxxxxxxxx
<html>
<head><title>A Sample HTML Form</title></head>
<body>
<h2 align="left">A Sample HTML Data Entry Form</h2>
<form method="get" action="/bin/process">
Enter your name: <input type="text" name="username"><br />
Enter your password: <input type="password" name="password"><br />
Which year?
<input type="radio" name="year" value="2" />Yr 1
<input type="radio" name="year" value="2" />Yr 2
<input type="radio" name="year" value="3" />Yr 3<br />
Subject registered:
<input type="checkbox" name="subject" value="e101" />E101
<input type="checkbox" name="subject" value="e102" />E102
<input type="checkbox" name="subject" value="e103" />E103<br />
Select Day:
<select name="day">
<option value="mon">Monday</option>
<option value="wed">Wednesday</option>
<option value="fri">Friday</option>
</select><br />
<textarea rows="3" cols="30">Enter your special request here</textarea><br />
<input type="submit" value="SEND" />
<input type="reset" value="CLEAR" />
<input type="hidden" name="action" value="registration" />
</form>
</body>
</html>
xxxxxxxxxx
<!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>GfG</title>
</head>
<body>
<form>
<fieldset>
<legend>Personal Details</legend>
<p>
<label>
Salutation
<br />
<select name="salutation">
<option>--None--</option>
<option>Mr.</option>
<option>Ms.</option>
<option>Mrs.</option>
<option>Dr.</option>
<option>Prof.</option>
</select>
</label>
</p>
<p>
<label>First name: <input name="firstName" /></label>
</p>
<p>
<label>Last name: <input name="lastName" /></label>
</p>
<p>
Gender :
<label><input type="radio" name="gender"
value="male" />
Male
</label>
<label><input type="radio" name="gender"
value="female" />
Female
</label>
</p>
<p>
<label>Email:<input type="email"
name="email" />
</label>
</p>
<p>
<label>Date of Birth:<input type="date"
name="birthDate">
</label>
</p>
<p>
<label>
Address :
<br />
<textarea name="address" cols="30"
rows="3">
</textarea>
</label>
</p>
<p>
<button type="submit">Submit</button>
</p>
</fieldset>
</form>
</body>
</html>
xxxxxxxxxx
<body>
<form method='post' name="google-sheet">
<div id='container'>
<div class='signature'>
<p target='_blank' href='https://www.codelikedude.com/'></p>
</div>
<div class='layout'>
<input type="Textbox" placeholder=" Name..."></input>
<br>
<input type="email" placeholder=" Email.."></input>
<br>
<br>
<button type="submit" id='submitted' class='submit-button'>submit</button>
</div>
<div class='signature'>
<p>codelikedude</p>
</div>
</div>
</form>
</body>