<div class="container">
  <div class="row">
    <div class="col-md-12">
      <form action="https://api.staticforms.xyz/submit" method="post">
        <input type="hidden" name="accessKey" value="アクセスキー">
        <input type="hidden" name="subject" value="件名">
        <input type="hidden" name="redirectTo" value="絶対パス">
        <div class="form-group row">
          <label for="inputName" class="col-sm-4 col-form-label">お名前</label>
          <div class="col-sm-8">
            <input type="text" name="name" class="form-control" id="inputName">
          </div>
        </div>
        <div class="form-group row">
          <label for="inputEmail" class="col-sm-4 col-form-label">メールアドレス</label>
          <div class="col-sm-8">
            <input type="text" name="email" class="form-control" id="inputEmail">
          </div>
        </div>
        <div class="form-group row">
          <label for="inputTextarea" class="col-sm-4 col-form-label">メッセージ</label>
          <div class="col-sm-8">
            <textarea name="message" rows="3" class="form-control" id="inputTextarea"></textarea>
          </div>
        </div>
        <div class="text-center">
          <button type="submit" class="btn btn-primary mb-2">送信</button>
        </div>
      </form>
    </div>
  </div>
</div>

External CSS

  1. https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.css

External JavaScript

This Pen doesn't use any external JavaScript resources.