[解決済み] html フォームの中に別の html フォームがあるのは有効ですか?
2022-03-15 21:39:58
質問
以下のようにするのは有効なhtmlでしょうか。
<form action="a">
<input.../>
<form action="b">
<input.../>
<input.../>
<input.../>
</form>
<input.../>
</form>
つまり、"b" を送信すると、内側のフォーム内のフィールドのみが取得されます。a"を送信すると、"b"のフィールドを除いたすべてのフィールドが取得されます。
もし不可能であれば、この状況に対してどのような回避策があるでしょうか?
解決方法は?
A. 有効なHTMLまたはXHTMLではありません。
W3Cの公式XHTML仕様では、セクションBの "要素の禁止事項"に、次のように記載されています。
form は他の form 要素を含んではいけません。
http://www.w3.org/TR/xhtml1/#prohibitions
古いものでは HTML 3.2仕様 , の項では、FORMS要素について次のように記述されています。
すべてのフォームは FORM 要素を使用します。複数の フォームを使用することができますが FORM要素を入れ子にすることはできません。
B. ワークアラウンド
フォームタグをネストさせることなく、JavaScriptを使用した回避策があります。
ネストされたフォームを作成する方法。 (タイトルにもかかわらず、これは ではなく を入れ子にしたもので、JavaScriptによる回避策です)。
注意 スクリプトでDOMを操作することで、W3C Validatorを騙してページを通過させることはできますが、それはまだ合法的なHTMLではありません。このようなアプローチを用いる場合の問題は、あなたのコードの動作がブラウザ間で保証されなくなることです。(標準ではないので)
関連
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] HTMLのテキスト入力でクリックするとすべてのテキストが選択される
-
[解決済み] jQueryで'Enter'でフォームをサブミット?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] フォームの中にフォームがある、でいいのかな?[重複]
-
ローカルリソースのロードが許可されていない問題を解決する
-
[解決済み] cssのfit-contentで横幅を自動サイズ調整する
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
-
[解決済み] htmlフォームのネストは可能ですか?
-
[解決済み】HTMLフォームのネスト制限を克服する方法は?