重置表单输入的默认行为

Question

我有以下代码：

div.accountPage
  div.acct-form.login
    div.acct-header Log-in
    form.loginForm.login
      input(id="username", type="text", name="User", placeholder="Username", value="")
      input(id="password", type="password", name="Password", placeholder="Password", value="")
      input(id="submit", type="submit", value="Sign In")

在测试期间，我输入了一些用户名和密码并点击了登录。之后，文本框包含我的用户名和密码。我不知道用它来重置它的属性

如何重置文本以转到显示占位符的默认行为？

Answer 1

也许您可以将值更改回空字符串。

value=""

Answer 2

你可以用jQuery做到这一点：

<强> JQuery的

$(".loginForm").submit(function () {
 $(".username").val("");
 $(".password").val("");
 return false;
});

当然你还应该添加到jquery liblary的链接，你可以从以下网址下载：

http://docs.jquery.com/Downloading_jQuery

在您的问题中，使用重新加载页面可能更好的是将输入值设置为空？你可以使用：

$(document).ready(function () {
 $(".username").val("");
 $(".password").val("");
});