私は6つのステップに分割した長いフォームを持っています。フォームが読み込まれると、すべてのステップが読み込まれますが、最初のステップのみが表示されます。残りはCSSをdisplay:none持っているので、非表示になっています。ステップが完了し、Javascriptで検証されるdisplay:noneと、現在のステップがに設定され、新しいステップがに設定されdisplay:blockます。最後のステップで、ユーザーはフォームを送信します。ただし、予想どおり、display:blockページの要素のフィールドのみが送信されます。の要素で完了したフィールドはすべてdisplay:none無視されます。
display:none要素内のフィールドを送信する方法はありますか？
そうでない場合、同じ効果を達成する別の方法はありますか？
回答:
それらをvisibility:hiddenとposition:absoluteに設定します。フィールドが持つサーバーに送信されることはありませんdisplay:noneが、となりますvisibility:hidden。また、「位置」を「絶対」に切り替えることで、同じ視覚効果が得られるはずです。
更新これは、現在のブラウザでは問題になっていないようです（2015年11月現在）。表示が「なし」に設定されている場合でも、フィールドは送信されます。ただし、「無効」になっているフィールドは引き続き送信されません。
display:none;。フィールドの上に別のHTML要素が配置されている場合も、同じ問題が発生します。
disabledは値が送信されないようにしますが、一部の古いブラウザーでdisplay:noneは、この効果もあります。この回答は4年前に投稿されたものであり、古いブラウザ向けに開発する必要のある開発者にのみ適用されることに注意してください。
HTML4のセクション17.13.2には、display：noneを使用した非表示のコントロールでも送信に有効である可能性があることが明示されています。
https://www.w3.org/TR/html401/interact/forms.html
したがって、ブラウザがdisplay：noneを無視する場合、完全にHTML対応ではありません。実際のブラウザに切り替えることをお勧めします。
display: none私のすべてのテストで、ブラウザーはコンテナー内のフォーム要素を送信しているようです。