控制input输入框中提示信息的显示和隐藏的方法_javascript技巧
程序员文章站
2022-04-15 18:51:15
...
在运用html+css+javascrpt进行页面制作时，我们往往会遇到一些影响用户体验，而又容易被我们忽视的小细节。比如，input输入框中的提示信息，怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里，想跟大家分享一下这个小技巧，希望各位大神不要拍砖哦~~~
一、要求
input输入框，在光标显示时，隐藏提示信息；光标离开输入框时，显示提示信息。
二、方法
1、给该input取id名，Onfocus=”方法名1(this)”，onblur=”方法名2(this)”
2、声明变量value，通过id名获得该input
3、function 方法名1(inputObj){
if(inputObj.value==”……”){
inputObj.value=””;
}
}
4、function 方法名2(inputObj){
if(inputObj.value==””){
inputObj.value=”……”;
}
}
5、注意：如果同一个页面中有多个input标签需要同样的设置，则方法名不能一致。
三、实例
无标题文档
一、要求
input输入框，在光标显示时，隐藏提示信息；光标离开输入框时，显示提示信息。
二、方法
1、给该input取id名，Onfocus=”方法名1(this)”，onblur=”方法名2(this)”
2、声明变量value，通过id名获得该input
3、function 方法名1(inputObj){
复制代码 代码如下:
if(inputObj.value==”……”){
inputObj.value=””;
}
}
4、function 方法名2(inputObj){
复制代码 代码如下:
if(inputObj.value==””){
inputObj.value=”……”;
}
}
5、注意：如果同一个页面中有多个input标签需要同样的设置，则方法名不能一致。
三、实例
复制代码 代码如下: