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

[With]

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

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

[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 自作フォーム その３あたりが参考になりそうです。

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

[投稿者]

投稿