Javascript 单击任何文本字段时,清除所有文本字段中的所有值

Javascript 单击任何文本字段时,清除所有文本字段中的所有值,javascript,jquery,forms,Javascript,Jquery,Forms,我有一张表格,上面写着: <INPUT TYPE="text" NAME="name" id="name" value="Enter your name" size="16"> <INPUT TYPE="text" NAME="lname" id="lname" value="Enter your last name" size="16"> 无论单击哪个字段,都应清除这两个字段的值 我该怎么做 谢谢试试这个: <script> var defau

我有一张表格,上面写着:

<INPUT  TYPE="text" NAME="name" id="name"  value="Enter your name" size="16">
<INPUT  TYPE="text" NAME="lname" id="lname"  value="Enter your last name" size="16">

无论单击哪个字段,都应清除这两个字段的值

我该怎么做

谢谢

试试这个:

<script>
var default_name_value="Enter your name";
var default_lastname_value="Enter your last name";
function empty_fields(){
    $("input[type=text]").each(function(index,item){
       if($(item).val()==default_name_value||$(item).val()==default_lastname_value){
          $(item).val("");
       }
    });
}
</script>

<INPUT  TYPE="text" NAME="name" id="name" onfocus="empty_fields();"  value="Enter your name" size="16">
<INPUT  TYPE="text" NAME="lname" id="lname" onfocus="empty_fields();" value="Enter your last name" size="16">

var default_name_value=“输入您的姓名”;
var default\u lastname\u value=“输入您的姓氏”;
函数空_字段(){
$(“输入[type=text]”)。每个(函数(索引,项){
if($(item).val()==默认值| | |$(item).val()==默认值(lastname)u值){
$(项目).val(“”);
}
});
}
更新

这将清空页面中的所有文本框 将第3行中的选择器细化为类似于
$(“#myform input[type=text]”)的内容
以仅清空所需表单中的框

更新2


现在它将只是第一次被清空

兼容性的观点是为了使浏览器与90年代设计的网站兼容。如果您使用的是占位符,则情况并非如此,因此解决方案是“不需要打开兼容模式时不要打开”。。默认值也不是。昆汀,不是我打开或关闭兼容模式,而是用户。因此,作为一名程序员,我需要考虑到这一点,并在两种模式下正确显示我的页面。你不同意吗?不。迎合少数用户,他们打开一种模式,故意让他们的浏览器出现bug,这是浪费时间。试着向设计部门介绍可访问性和可用性的概念(这将使一组比我们更大的用户受益)“IE 10为不应该使用的站点打开兼容模式的用户”)。因此,每当有人试图在输入中输入内容时,每个表单输入的文本都会被清除,那么,用户如何输入姓名和姓氏呢?认真地说,你应该用标签处理旧浏览器;对于现代浏览器,你可以检测它们并使用占位符(如果这是你的目标,没有标签)也许还有一些伪元素的技巧。我没看到。现在我更新了它。也许它现在解决了