問合せフォームなどにボックス(小さめの窓)を配置して規約事項(長文)を記載。スクロールして中身を見れるようにしたい。

VWSとは フォーラム Lightning 問合せフォームなどにボックス(小さめの窓)を配置して規約事項(長文)を記載。スクロールして中身を見れるようにしたい。

問合せフォームなどにボックス(小さめの窓)を配置して規約事項(長文)を記載。スクロールして中身を見れるようにしたい。

  • このトピックには1件の返信、2人の参加者があり、最後にDRILL LANCERにより5年前に更新されました。
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #15564

    With
    参加者

    ①固定ページと
    問合せフォームの最下部に
    ボックス(小さめの窓)を配置して
    規約事項(長文)を記載。
    スクロールして中身を見れるようにしたい。
    ②ボックス(小さめの窓)の下に
    チェックボックスをつけて
    次のぺージに進めるように
    するにはどうすれば良いでしょうか。
    —————————–
    ボックス中に規約事項などを記載
          ↓
       (スクロール)

       チェックボックス
    例:規約事項を理解しました。
      
      「次に進む」
    —————————–

    #15572

    DRILL LANCER
    モデレーター

    ボックス(小さめの窓)を配置して規約事項(長文)を記載。

    ボックスのデザインについては【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30等を参考にすると良いでしょう。

    スクロールして中身を見れるようにしたい。

    高さを決めてCSSでoverflow: auto;を指定すればOKです。

    HTMLの例

    
    <div class="box scr300">
        <p>規約本文</p>
    </div>
    

    CSSの例

    
    .box {
        border: solid 1px #555555;
    }
    
    .scr300{
        overflow: auto;
        height: 300px;
        padding: 10px;
    }
    

    ボックス(小さめの窓)の下にチェックボックスをつけて
    次のぺージに進めるようにするにはどうすれば良いでしょうか。

    フォームを複数ページにわたって展開する方法はわかりませんがWordPress 自作フォーム その3あたりが参考になりそうです。

    1ページで済ませる場合にはContact Form 7を使用するのが簡単でしょう。

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。