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

*/
//扩充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>

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

一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法
一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法第一种方法–向body动态写入div标签调用css效果显示: (新建***.jsp放在WebContent根目录下直接访问ip ...
计算机win10开机音乐,Windows10系统更改开关机声音的两种方法
Win10正式版电脑在开机或关机时都伴随着系统自带的声音.而不少用户为了让自己的windows10系统电脑变得更加个性化一些,因此都想要自己手动更改开关机音乐.这该如何操作呢?下面,小编就向大家介绍两 ...
HTML、css——设置文本框中的默认字体颜色和点击输入的文本字体颜色不一致；并且点击文本框，文本框边框消失；输入内容时，默认字体消失。
html代码: 功能:点击输入的文本字体颜色的设置,并且输入内容时,文本框里的默认字消失. <input type="text" placeholder="手机号. ...
html 点击文本框则选中,JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。...
内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行. 如下代码,当选中用户文本框内的文字时,触发onselect 事件, ...
html页面如何引用母版页,内容页面访问母版页控件的两种方法
母版页是ASP.NET2.0新增的一个功能,使用它可以更方便.更快速的创建风格一致的应用程序..NET的母版页和Dreamweaver的模板非常的相似,但.NET的母版页更加强大,它除了能够实现创建风 ...
leetcode:203. 移除链表元素（两种方法）
一:题目二:上码 1:方法一:(虚拟一个首结点) class Solution {public:ListNode* removeElements(ListNode* head, int val) { ...
点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...
java gui的文本框_GUI编程笔记（java）07：GUI把文本框的值移到文本域案例
1.首先我们了解一下我们的需求,如下: 输入"风清扬",点击"数据转移",这样的文本会出现到下面的文本域中,这就是我们的需求. 2.代码如下: package ...
在文本框中提示用户输入内容格式的方法
希望达到的效果: 方法一:鼠标点击文本框时文字消失 <input id="login_name" type="text" οnblur="jav ...
Axure9.0---输入文字时文本框提示消失
Axure9.0---输入文字时文本框提示消失用户名输入框设置选择交互 Tips:关于设置密码格式用户名输入框设置在default元件库选择文本框,并将其拖入工作区选择交互 2.选中想要设置 ...

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

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

最新文章

热门文章