Bootstrap 5 การใช้งาน Form

<form>
  <div class="mb-3">
    <label for="exampleInputEmail1" class="form-label">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
    <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
  </div>
  <div class="mb-3">
    <label for="exampleInputPassword1" class="form-label">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1">
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

<form>
  <div class="row mb-3">
    <div class="col">
      <input type="text" class="form-control" placeholder="First name">
    </div>
    <div class="col">
      <input type="text" class="form-control" placeholder="Last name">
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

<form class="row g-3">
  <div class="col-auto">
    <label for="staticEmail2" class="visually-hidden">Email</label>
    <input type="text" class="form-control" id="staticEmail2" value="[email protected]">
  </div>
  <div class="col-auto">
    <label for="inputPassword2" class="visually-hidden">Password</label>
    <input type="password" class="form-control" id="inputPassword2" placeholder="Password">
  </div>
  <div class="col-auto">
    <button type="submit" class="btn btn-primary mb-3">Confirm identity</button>
  </div>
</form>

<form>
  <div class="mb-3">
    <label for="formFile" class="form-label">Default file input example</label>
    <input class="form-control" type="file" id="formFile">
  </div>
  <button type="submit" class="btn btn-primary">Upload</button>
</form>

<form>
  <div class="mb-3 form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Check me out</label>
  </div>

  <div class="mb-3 form-check">
    <input type="radio" class="form-check-input" id="exampleRadio1" name="exampleRadios" value="option1" checked>
    <label class="form-check-label" for="exampleRadio1">Option 1</label>
  </div>
  <div class="mb-3 form-check">
    <input type="radio" class="form-check-input" id="exampleRadio2" name="exampleRadios" value="option2">
    <label class="form-check-label" for="exampleRadio2">Option 2</label>
  </div>

  <button type="submit" class="btn btn-primary">Submit</button>
</form>