iFrame: Div not getting displayed



我的情况很简单,如下所示:

 <body>
     <iframe id='my_iframe' name='my_iframe' style='display:none;'></iframe>
 <form id="fileupload" method="POST" enctype="multipart/form-data" action="upload_test.php"            target='my_iframe'>
     <input name="theText1" id="theText1" type="text" />
     <input name="theFile1" id="theFile1" type="file" />
     <button style="width:40px;height:10px;" name="button1" id="submit" type="submit" />
 </form>
     <div  style='width:100px;height:100px;' id='target_div'>Test Text</div>
 </body>

问题:DIV不可见。它确实显示了我是否将其移到iframe上方。我以前从未使用过iframe。无法弄清楚这个。有任何建议吗?

在用JSFIDDLE(双关语)摆弄后,button标签似乎不是自关闭。将<button ...... />更改为<button ....></button>似乎使DIV标签正确显示("测试文本"被放置在按钮的内部,这使我得出结论,button标签不是自由关闭)。

jsfiddle

最新更新