如何在同一页面和不同窗口上显示表单结果

问题描述 投票:0回答:1

我创建了一个表单,可以在同一页面上查看数据,但是如何在同一按钮内单击时尝试使用的其他窗口中查看,但它不起作用,请帮助

我添加了到另一个网页的链接,但是当我单击该按钮时,它跳转到另一个页面,并且没有在该页面中打开显示,我很困惑另一个html文件的外观,以便显示一个文件的结果


            <!DOCTYPE>

        <html>

<head>

</head>

<body>

    //form
<form id="form1">

<div align="center">

<label>Name:</label>
<input type="text" name="name" size="45" required/> <br>

<br> <label> Address: </label>
<input type="text" name="address" size="45" required/> <br>

<br> <label>Phone:</label>
<input type="tel" name="phone" size="45" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required/> <br>

<br> <label>Email:</label>
    <input type="email" name="email" size="45" required/> <br> 
    'like so'
  <br>

    <select name="course">

    <option value="Android">Android</option>
    <option value="Java">Java</option>
    <option value="C#">C#</option>
    <option value="Data Base">Data Base</option>

    </select>


<button type="submit" required="required" onclick="outputname()">Display</button>

<button type="reset" value="Reset" >Reset</button> 

    </div>

</form>

<script>
//java file is this
function outputname() {
var x,y,name,a,b,answer;
x=document.getElementById("form1") ;
y=x.elements["name"].value;
z=x.elements["address"].value;
    m=x.elements["phone"].value;
    n=x.elements["email"].value;
    o=x.elements["course"].value;
document.getElementById("demo").innerHTML+= "NAME: " + y + " <br>";
document.getElementById("demo").innerHTML+= "ADDRESS: " + z + "<br>";
 document.getElementById("demo").innerHTML+= "PHONE: " + m + "<br>";
document.getElementById("demo").innerHTML+= "COURSES: " + o + "<br>";
document.getElementById("demo").innerHTML+= "EMAIL: " + n + "<br>";
}

</script>
    <p id="demo"></p>
</body>

      </html>

请帮助我在另一个窗口中查看结果,例如Firefox或chrome,而不是弹出框

javascript html javascript-events
1个回答
0
投票

要在另一个窗口中查看数据,可以使用window.open("about:blank","_blank")在新选项卡中打开空白页。

© www.soinside.com 2019 - 2024. All rights reserved.