複数ステップのフォームで非表示のフォームフィールドが確実に送信されるようにするにはどうすればよいですか?

CSS 表示による非表示のフォーム フィールドの送信

複数のステップに分かれた複雑なフォームを扱う場合、CSS 表示プロパティを使用して可視性を制御するのが一般的です。 display:none でフォーム要素を非表示にすると送信が妨げられますが、この投稿ではこの問題の解決策を検討します。

問題:

ステップがdisplay:none を使用して非表示にした場合、フォームを送信すると、表示されている要素内のフィールドのみがキャプチャされます。非表示のフィールドは無視されます。

解決策:

display:none を使用する代わりに、非表示のフォーム要素を visibility:hidden および に設定します。位置:絶対。この組み合わせにより、フォームと一緒に値を送信しながら、フィールドを視覚的に非表示にすることができます。

更新された注:

2015 年 11 月以降、フィールドを非表示にする必要はなくなりました。現在のブラウザは、display:none を使用して非表示になっている場合でもフィールドを自動的に送信するため、上記の解決策を使用してください。ただし、disabled 属性を使用してフィールドを無効にしても、引き続き送信できなくなります。

以上が複数ステップのフォームで非表示のフォームフィールドが確実に送信されるようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。