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为不应该使用的站点打开兼容模式的用户”)。因此,每当有人试图在输入中输入内容时,每个表单输入的文本都会被清除,那么,用户如何输入姓名和姓氏呢?认真地说,你应该用标签处理旧浏览器;对于现代浏览器,你可以检测它们并使用占位符(如果这是你的目标,没有标签)也许还有一些伪元素的技巧。我没看到。现在我更新了它。也许它现在解决了