我无法关闭我的表格

时间:2013-10-11 22:12:04

标签: javascript html

我有一个表格,用于将信息保存到数据库中。需要的属性需要这种形式的一些输入 我希望有一个关闭按钮,用于关闭和重置表单。我在这个按钮中为close形式定义了一个'onclick'函数,但是这不起作用,因为我在这个表单中需要元素。 我该如何解决这个问题?

<form name="save" method="get" action="saveform.php" id="formpoi" style="visibility: hidden">
    <button id="clos" onclick="winclose()"></button><br />
Name of place:<input type="text" name="place" class="f" required="true"/><br /><br />
<input type="submit" value="submit"/> 
    </form>

这是javascript函数:

function winclose(){
    var form=document.getElementById('formpoi');
    form.close();

 } 

2 个答案:

答案 0 :(得分:0)

function winclose(){
    //var form=document.getElementById('formpoi');
    // http://www.w3schools.com/jsref/met_win_close.asp
    window.close();
} 

答案 1 :(得分:0)

我将假设你所说的“关闭”是指这个表单在弹出窗口中,你实际上是在尝试做两件事:

  1. 将表单重置回原始状态(清除输入中的任何答案)
  2. 关闭此表单在
  3. 内的弹出窗口

    首先输掉<button>

    接下来,添加如下新输入:

    <input type="button" onclick="winClose()" value="Close">
    

    你的javascript函数:

    function winClose() {
        var form = document.getElementById('formpoi');
        form.reset();
        window.close();
    }