- 締切済み
このような問い合わせフォームの場合の書き方
下記の通り、問い合わせフォームを作成する場合なのですが 「その他」を選択した場合、右側にテキストを打たせたいと思っております。 その際、タグはどのように記述すれば良いでしょうか？（下記のような記述で合っていますか？） <table> <tr> <td>東京で良く行く場所はどこですか？※選択必須です</td> <td> <input type="radio" name="良く行く場所" value="新宿" />新宿<br /> <input type="radio" name="良く行く場所" value="渋谷" />渋谷<br /> <input type="radio" name="良く行く場所" value="その他" />その他 <input size="20" type="text" name="良く行く場所" value="その他"/></td> </tr> </table>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- Beerneko
- ベストアンサー率100% (1/1)
こんな感じでしょか？ javascript を使っていますのでもしかしたらスクリプト警告が出てくるかもしれませんが。 <html> <body onLoad="document.FORM1.FIELD.focus()"> <table> <tr> <td>東京で良く行く場所はどこですか？※選択必須です</td> <td> <form action="#" name="FORM1"> <input type="radio" name="Basho" value="Shinjuku" />新宿<br /> <input type="radio" name="Basho" value="Shibuya" />渋谷<br /> <input type="radio" name="Basho" value="misc" />その他<input size="20" type="text" name="FIELD" value=""/></FORM1> <input type="submit" value="Submit"> </td> </tr> </table> </body> </html>
- yambejp
- ベストアンサー率51% (3827/7415)
PHPの質問には見えませんが以下参考に nameにバイナリ文字を使うのは、環境によって動作が不安定になるのでやめた方がいいでしょう またラジオボタンとテキストボックスに同じ名前をつけるのもトラブルの元です 受け取った側で「その他」という情報と、テキストボックスに入力された文字の 両方を使って判断するべきです。 またラジオボタンはデフォルトのチェックをつけるのがマナーです それを踏まえて、javascriptで補助をつけるとこんな感じ <script> window.onload=function(){ document.getElementById("p_none").checked=true; document.getElementById("p2").disabled=true; } try{ document.addEventListener ('click',function(e){clickfunc(e)},true); }catch(e){ document.attachEvent('onclick',function(e){clickfunc(e)}); } function clickfunc(e){ var t = (e.srcElement || e.target); if(t.name==="p"){ if(t.value==="その他"){ document.getElementById("p2").disabled=false; document.getElementById("p2").focus(); }else{ document.getElementById("p2").disabled=true; } } } </script> <form> <div>東京で良く行く場所はどこですか？※選択必須です</div> <div> <input type="radio" name="p" value="" id="p_none" checked=checked><label for="p_none">選んでください</label><br> <input type="radio" name="p" value="新宿" id="p_sinjuku"><label for="p_sinjuku">新宿</label><br> <input type="radio" name="p" value="渋谷" id="p_sibuya"><label for="p_sibuya">渋谷</label><br> <input type="radio" name="p" value="その他" id="p_other"><label for="p_other">その他</label> <input size="20" type="text" name="p2" id="p2"> </div> </form>
