2017-05-05 14 views
-1

マルチページフォームの作成方法は?複数ページフォームを作成するには?

私は、彼らが引用を要求したい場合は、ユーザーに尋ねるフッターにセクションを持ってしようとしています。ユーザーが「見積もりを求める」ボタンをクリックすると、ボタンは左(オフスクリーン)に遷移し、その間に「名前」フィールドの遷移が右に移動します。

ユーザが次にクリックすると、「名前」フィールドは右からの「メッセージ」フィールドに遷移しながら(左)画面をオフに遷移します。最後のセクションでは、ユーザーがフォームを送信します。アイデアは、ユーザーを別のページに誘導することなくセクションをセクションに分割することです。

私は初心者ではありませんか?ありがとうございました!

+0

は、確認してください、無数の例を取得するいくつかの基本的な遷移に何かを見つけるし、それに基づいて構築されますhttps://stackoverflow.com/help/how- to askと[MCVE] – bradbury9

答えて

0

あなたは純粋なJavaScriptでそれをしなければならない、しかし、あなたは多くのスキルを持っていない場合は、あなたがしてそれを達成することができ、容易;-)

http://www.jquery-steps.com/Examples

1

をそれを行うには、あまりにもプラグインのjQueryを使用することができます単一のフォームでは、Javascript/CSSを追加して、必要なトランジションでフィールドセット/セクションを表示/非表示にするだけです。

マルチステップ/ウィザード形式のためのGoogleとあなたが

関連する問題