form で遷移をしたいが formの入れ子

Question

ボタンを押すと、次のページへ遷移させようと思っているのですが
３項目文のラジオボックスを作ろうとしており
一番外のformタグの中に
formタグでラジオボックスを囲むので
formの入れ子になっております。

中のformを除くと次のページに遷移するのですが
ラジオの選択がおかしくなってしまいます。

なにか良い方法はありますでしょうか？

<form action="next.php" method="post"> <form> <p> フルーツ１<input type="radio" name="fruit1" value="1"> フルーツ２<input type="radio" name="fruit21" value="2"> フルーツ３<input type="radio" name="fruit3" value="3"> </p> </form> <input type="submit" name="next" value="次へ"> </form>

Comments

[hentaiman]

radioだけををformで囲みたい理由は？

Answer 1

選択させたい radio は同じ name を設定する必要があります。

<form action="next.php" method="post">
<p>
フルーツ１<input type="radio" name="fruit" value="1">
フルーツ２<input type="radio" name="fruit" value="2">
フルーツ３<input type="radio" name="fruit" value="3">
</p>
<input type="submit" name="next" value="次へ">
</form>

Comments

[m.ts10806]

1個だけ「fruit1」になってますよ

[kei344]

To: mts10806さん
保存バグのようです。（編集に行くと問題ないいつものあれです）
修正しておきます。

[m.ts10806]

なんと。了解です。
これなかなか直してくれないですね・・

Answer 2

<form>の入れ子はできません。

ラジオの選択がおかしくなってしまいます。

よくわかりませんが、nameを同じにすれば良いのでは？