Question

您好我有这个HTML代码将数据提交到谷歌

    <form name="input" action="http://www.google.com" method="get">
    Username: <input type="text" name="user">
    <input type="submit" value="Submit">
    </form>
<div id="result"></div>

当我输入要搜索的单词并单击提交按钮时，它应该转到google.com，它应该得到结果，结果应该显示在div中..我可以做的事情吗... ...提前感谢

Answer 1

在某些限制下，您可以使用target标记中的form属性将表单提交的结果显示在当前页面（包含表单）中。属性值应与页面上name元素中iframe属性的值匹配。当然，您可以将iframe元素包装在div元素中。

但是，这在给定的情况下不起作用。首先，表单不是Google搜索表单。要启动搜索，action属性应为例如http://www.google.fi/search，表单应包含由Google命名约定命名的字段; q是关键字输入项的名称。其次，更严重的是，谷歌不会让你这样做。在HTTP标头中，它显示X-Frame-Options SAMEORIGIN，这意味着您无法在您网站的网页上的框架内获取结果。

Answer 2

你必须使用javascript。此外，请使用内框。代码将类似于：

 <form name="input" action="html_form_action.asp" method="get">
        Username: <input type="text" name="user">
        <input type="submit" value="Submit" onclick="function1">
        </form>
    <div id="result">

 <iframe src="http://www.google.com/" border-style:solid;">
 </iframe>

</div>

    <script type="text/javascript">
    function1(){
    var el=document.getElementById("result")
    el.innerHTML="<iframe src=\"http://www.google.com\"></iframe>"
    }
    </script>

如何在div中获取表单结果？

2 个答案: