Question

我的应用程序在IE以外的所有浏览器中运行良好。在我的应用程序中，我有一个div弹出窗体，其中包含一些字段。在文本框中，我按下了没有显示的任何键。如果我移动鼠标然后输入的文本显示实际的东西是屏幕没有刷新如何解决这个问题。

mycode的：

<form>
    //this is popup form
    <div>
        <form>
            <input type="text"/>
            <!-- if i type in the text box in IE it is not displaying but in some pc only -->
        </form>
    </div>
</form>

谢谢，

Answer 1

如果我理解正确，你想要一个包含表格的弹出窗口。你粘贴的代码只是html;它没有任何这种互动性。

让我们从您的代码开始。它有一个表格，里面有一个表格。表单标记用于指定Web表单的开头。您可以在此标记中指定多个内容：

行动：表格将张贴到哪里？例如将表单发送到http://www.example.com/processform/
方法：是否使用GET或POST方法提交表单？

在其中包含第二个表单标记没有意义：您的浏览器将不知道将表单发布到何处。大多数浏览器会选择使用两个标签中的一个，但是他们可能会选择错误的标签或完全忽略表单标签。

如果您想在弹出窗口中使用表单，请使用类似于html代码的方法：

<p><span id="clickablelink">Open the form</span></p>
<div class="dialog" style="display: none;">
  <form action="/process/" method="post">
    <input type="text" />
    <input type="submit" name="submit" value="Submit this form" />
  </form>
</div>

此代码部分应位于html文档的部分内。

除非使用JavaScript，jQuery或其他框架来显示此表单，否则无法在同一页面中打开对话框。使用jQuery UI的一个例子：

<link type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />   
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript">
    $(function() {
      $(".dialog").dialog({
        autoOpen: false
      });
      $("#clickablelink").click(function(){
        $(".dialog").dialog("open");
      });
    });
</script>

此代码块应位于html文档的部分内。

这只是一个基本的例子。它可能不是您正在寻找的。它旨在向您展示您可以在哪些方向寻找您的特定解决方案。我建议在你的问题中加入更多细节：

您使用本网站的目的是什么？
这种形式将用于什么？
为什么要在对话框中显示表单？

回答这些问题并指明您的问题有助于您了解您要实现的目标，并帮助我们正确回答您的问题。

您可以在以下链接中阅读有关表单和javascript对话框的更多信息：

有关jQuery框架的信息：

在IE中不刷新Div内容（屏幕刷新）

1 个答案: