Question

我有以下表单，在加载时预先填充了值。我希望使用Javascript加载空输入框。但是，我无法访问<body>代码，因此<body onload=""无效。还有其他方法可以清除加载时的表单字段吗？

<form method="POST" action="">
  <input name="username" id="user" value="" /><br />
  <input name="pwd" id="pass" value="" />
  <input type="submit" value="Go" />
</form>

Answer 1

您可以改用window.onload。

function init() {
    // Clear forms here
    document.getElementById("user").value = "";
}
window.onload = init;

您还可以使用其中一个不错的包装器在JQuery，Dojo或您最喜欢的Javascript库中执行此操作。在JQuery中，它将是，

$(document).ready(init)

Answer 2

尝试类似：

window.onload = function(){
 document.getElementById("user").value = "";
}

这是 example

Answer 3

您可以运行超时以清除字段值。像这样：

var t=setTimeout(function(){CLEARVALUES},3000)

Answer 4

也许您可以在表单后添加脚本标记。

<script type="text/javascript">document.getElementById("user").value = "";</script>

您还可以使用jQuery订阅单个元素的就绪（或加载）事件或文档。

Answer 5

onload=()=>{
    document.getElementById('user').value='';
}

或

onload=()=>{
    document.getElementById('user').setAttribute('value','');
}

在加载时清除输入文本框值

5 个答案: