<form>
  <!--第一個form-group-->
  <div class="form-group">
      <label for="exampleInputEmail1">Email address</label>
      <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
      <small id="emailHelp" class="form-text text-muted">hide text</small>
  </div> 
  <!--第二個form-group-->
  <div class="form-group">
    <label for="examplepassword">password</label>
    <input type="password" class="form-control" id="examplepassword" placeholder="Password">
  </div>
  <!--第三個form-check-->
  <div class="form-check">
    <input type="checkbox" class="form-check-input" id="examplecheckbox">
    <label for="examplecheckbox" class="form-check-label">example</label>
  </div>

  <!--第四個form-group-->
  <div class="form-group">
    <label for="exampleselect">Example select</label>
    <select id="exampleselect" class="form-control">
      <option>1</option>
      <option>2</option>
      <option>3</option>
    </select>
  </div>
  <!--第五個form-group-->
  <div class="form-group">
    <label for="multipleselect">Example multiple select</label>
    <select multiple class="form-control" id="multipleselect">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    </select>
  </div>
  <!--第六個form-group-->
  <div class="form-group">
    <label for="exampleTextarea">exampleTextarea</label>
    <textarea id="exampleTextarea" class="form-control" rows="3"></textarea>
  </div>

</form>