如何在此页面上回发后form.reset()不起作用?

时间:2012-06-29 19:22:33

标签: javascript webforms postback reset

班上的一名学生引起了我的注意,我没有解释 - 我找不到一个。

单击提交按钮后,重置按钮不起作用。就好像浏览器在通过post请求请求资源时阻止重置。

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <fieldset>
            <legend>User Form</legend>
            <label for="Username"></label>
            <asp:TextBox ID="Username" runat="server"></asp:TextBox>
        </fieldset>
        <asp:Button runat="server" Text="Submit" />
        <input type="button" onclick="window.document.forms[0].reset()" value="reset" />
    </div>
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:7)

单击“重置”后,条目将重置为默认值。默认值是服务器在第一种情况下呈现为空字符串但在发布已发布值后呈现的值。 (http是无状态协议)如果您尝试编辑发布的值,然后单击重置,您将看到原始发布的值将被恢复。