Question

我是新手，但我想清除文本框中的内容。我在正文部分中的代码如下：

<body>

<FORM NAME = "frmOne" method=POST>

 Name: <INPUT TYPE=text NAME=name onFocus="this.form.name.value=''" /><br />

 <input type="button" value="Click To Clear" onClick="clearForm(this.form)">


 </FORM>

<SCRIPT LANGUAGE="JAVASCRIPT">

function clearForm(form){

form.name.value = "";

</SCRIPT>

</body>

问题是，单击按钮不会执行任何操作，名称框中的任何内容仍然存在！谁有人建议为什么？我可能犯了一个非常基本的错误。

谢谢，

斯图尔特

Answer 1

这是因为你有语法错误，你错过了}。它应该是：

function clearForm(form){
    form.name.value = "";
} // <- you have to close the function

Then it works.

Chrome开发者工具或Firebug for Firefox等工具可帮助您检测此类错误。例如，您的代码会导致以下错误：

未捕获的SyntaxError：意外的输入结束

Answer 2

不使用名称，而是使用ID的好习惯。

因此，对于您的输入，请使用：

<INPUT TYPE=text NAME=name ID="myFormTextbox" onFocus="this.value=''" /><br />

对于你的js：

function clearForm(form) {
    document.getElementById("myFormTextbox").value = "";
}

问题清除JavaScript中的TextBox

2 个答案: