HTML5 การใช้งาน Form

<form action="/submit" method="POST">
  <!-- ส่วนประกอบต่างๆ ของฟอร์มจะอยู่ภายในแท็ก <form> -->
</form>

<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="age">Age:</label>
<input type="number" id="age" name="age" min="1" max="100">

<label for="password">Password:</label>
<input type="password" id="password" name="password" required>

<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday">

<label for="favcolor">Favorite Color:</label>
<input type="color" id="favcolor" name="favcolor">

<label for="file">Upload file:</label>
<input type="file" id="file" name="file">

<label for="gender">Gender:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label>

<label for="subscribe">Subscribe to newsletter:</label>
<input type="checkbox" id="subscribe" name="subscribe" value="yes">

<label for="country">Country:</label>
<select id="country" name="country">
  <option value="thailand">Thailand</option>
  <option value="usa">USA</option>
  <option value="japan">Japan</option>
</select>

<input type="submit" value="Submit">

<input type="text" name="name" autocomplete="on">

<input type="text" name="username" pattern="[A-Za-z]{3,}" title="Only letters are allowed.">

<input type="text" name="name" placeholder="Enter your name">

<input type="file" name="files" multiple>

<form action="/submit" method="POST">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required><br><br>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required><br><br>

  <label for="age">Age:</label>
  <input type="number" id="age" name="age" min="18" max="99"><br><br>

  <label for="birthday">Birthday:</label>
  <input type="date" id="birthday" name="birthday"><br><br>

  <input type="submit" value="Submit">
</form>