- ベストアンサー
HTMLフォームの動作確認ができない問題の原因とは？
- 職場のPCで入力した際、HTMLフォームがエラーとなり反応しなかった。
- 過去に他のソースでも同様のエラーが発生し、IEでは動作しづらいソースが使われている可能性が指摘された。
- 入力ミス以外にも、HTMLフォームが正常に動作しない原因が考えられる。ブラウザはIE。
- welle_well
- お礼率4% (2/48)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
手元のIE(6)ではエラーが出ませんので、よくわからないため回答にはなっていませんが… ・Ａ型、Ｂ型～の部分は複数選択できるけれど、「内容反映」としても ひとつしか反映されない。 （ラジオボタンが正では？） ・男女の部分は選択していない状態でも、「内容反映」すると女と 表示されてしまう。 というのが、予定の動作なのか不明ですが、とりあえずこんなのではどうでしょうか？ 〈原因がわかってないので、あくまでもご参考まで） （↓ラジオボタンとテキストボックスのみ反映するようにしています） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> <!-- function update(form){ var e, i=0, result="", elm=form.elements; while(e=elm[i++]){ if(e.type=="text" || (e.type=="radio" && e.checked)) result += (result?"\n":"") + e.value; } elm["hoge4"].value = result; } //--> </script> </head> <body> <form action="#"> <p>氏名：<input type="text" name="hoge0" value=""></p> <p> <input type="radio" name="hoge1" value="A型">A <input type="radio" name="hoge1" value="B型">B <input type="radio" name="hoge1" value="AB型">AB <input type="radio" name="hoge1" value="O型">O </p> <p> <input type="radio" name="hoge2" value="男">男 <input type="radio" name="hoge2" value="女">女 </p> <p> <textarea name="hoge4" rows="5" cols="40"></textarea> <br> <button type="button" onclick="update(this.form);">内容反映</button> <input type="reset" value="リセット"> </p> </form> </body> </html>
