お問い合わせ

左情報+右フォーム コンタクト

左に連絡先情報、右に入力フォームの 2 カラム問い合わせ。

プレビュー

使いどころ

左に連絡先情報、右に入力フォームの 2 カラム問い合わせ。

  • お問い合わせページ
  • 資料請求フォーム
  • 申込フォーム
  • 予約フォーム

カスタマイズのポイント

required 属性で必須項目を制御。HTML5 のバリデーション(type="email"pattern)で軽量にチェック可能。

注意点

個人情報を扱うため、SSL 必須・送信先メールサーバーの SPF / DKIM 設定推奨。CAPTCHA や reCAPTCHA でスパム対策を。プライバシーポリシーへの同意チェックを忘れずに。

よくある質問

このパーツは商用利用できますか?
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか?
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか?
一部のパーツ(アコーディオン・タブ切替・告知バーの閉じる機能など)は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は?
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。