[解決済み] display:none要素内のフォームフィールドを送信する

質問

6つのステップに分かれた長いフォームがあります。フォームがロードされると、すべてのステップがロードされますが、最初のステップだけが表示されます。残りはCSSが display:none を使用しているので、それらは非表示になっています。 ステップが完了し、Javascript で検証されると、現在のステップが display:none に設定され、新しいステップには display:block . 最後のステップで、ユーザーはフォームを送信します。 しかし、予想通り display:block 要素内のフィールドのみが送信されます。を持つ要素内のすべての完了したフィールドが送信されます。 display:none を持つ要素内のすべての入力済みフィールドは無視されます。

の中のフィールドを送信する方法はありますか？ display:none 要素内のフィールドを送信する方法はありますか？

そうでない場合、同じ効果を得るための他の方法はありますか？

どのように解決するのですか？

を設定します。 visibility:hidden と position:absolute の代わりに フィールドはサーバーに送信されず display:none ではサーバに送信されませんが visibility:hidden . また、"position" を "absolute" に切り替えることで、同じ視覚効果を得ることができるはずです。

更新 現在のブラウザでは、もう問題ないようです（2015年11月現在）。フィールドは、表示が「なし」に設定されている場合でも送信されます。しかし、「無効」になっているフィールドは、引き続き送信されません。