点击文本框内容消失，移开内容自动显示（两种方法）（原创）

最新推荐文章于 2021-06-03 08:06:06 发布

luck_man911

最新推荐文章于 2021-06-03 08:06:06 发布

阅读量788

点赞数 1

文章标签： function input button search string html

本文链接：https://blog.csdn.net/luoqinglong850102/article/details/3810658

版权

*/
//扩充String方法，使其具有trim()
String.prototype.trim = function()
{
return this.replace(/(^/s*)|(/s*$)/g, "");
}

function onClickt(inputObj){
var text='可消除空格，请输入空格'
    inputObj.value = inputObj.value.trim();
  if(inputObj.value==text)
  {
   inputObj.value='';
  }

}
//当失去焦点时，调用onBlur()

function onBlur(inputObj){
inputObj.value = inputObj.value.trim();
if(inputObj.value=='')
  {
   inputObj.value='可消除空格，请输入空格';
  }
}
</script>
</head>

<body>
说明：第一个框可以防止只输入空格，第二个不行。
<input type="text" size="25" value="可消除空格，请输入空格" id="input_search"

οnclick="onClickt(this);" οnblur="onBlur(this);"/>

<input type="button" value="查询" />
<INPUT TYPE="TEXT" size="28" value="无法消除空格" οnfοcus="if (value =='无法消除空格'){value

=''}" οnblur="if (value ==''){value='无法消除空格'}">

</body>

</html>

luck_man911

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点击文本框内容消失，移开内容自动显示（两种方法）（原创）

/*author:luoqinglongE-mail:luoqinglong0102@163.comdate:2009-01-17*///扩充String方法，使其具有trim()String.prototype.trim = function(){return this.replace(/(^/s*)|(/s*$)/g, "");}function onClickt(in
复制链接

扫一扫