非表示のフォーム要素からフォーム データを送信するにはどうすればよいですか?

CSS を使用した非表示要素からのフォーム フィールドの送信

フォームの送信では、多くの場合、必要なフィールドがすべてページ上に表示される必要があります。ただし、「display:none」CSS を使用した非表示セクションを含むマルチステップ フォームがある場合、これらの非表示要素からデータを送信する際に問題が発生する可能性があります。

解決策:

この問題に対処するには、「display:none」の代わりに「visibility:hidden」と「position:absolute」の CSS スタイルを使用することを検討してください。 DOM から要素を削除する「display:none」とは異なり、「visibility:hidden」は送信用にアクセス可能な状態のまま非表示にします。 「位置: 絶対」では、要素がドキュメントのフローから削除され、見た目が維持されます。

例:

.hidden-element {
  visibility: hidden;
  position: absolute;
}

注:

2015 年 11 月の時点で、この問題は現在のブラウザでは解決されているようです。ただし、「disabled」属性を持つ要素は送信されません。

以上が非表示のフォーム要素からフォーム データを送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。