1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 控制input输入框中提示信息的显示和隐藏办法【javascript】

控制input输入框中提示信息的显示和隐藏办法【javascript】

时间:2020-01-31 09:49:48

相关推荐

控制input输入框中提示信息的显示和隐藏办法【javascript】

web前端|js教程

input输入框,提示信息

web前端-js教程

在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节。比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~

c 标准库 math 源码,vscode怎么改快捷键,vsftpd安装ubuntu,vue跨域访问tomcat,视频爬虫接单,php那个版本稳定,青岛百度推广seo数据lzw

A、要求

大篮球源码,vscode没有输出窗口,ubuntu 默认 vi,war包需要tomcat,爬虫延迟,酒店网站php源码,福州网页seo是什么,php 网站 源码教程,商城网站模板phplzw

input输入框,在光标显示时,隐藏提示信息;光标离开输入框时,显示提示信息。

仿猎奇天下源码,vscode多行移动,安装的ubuntu怎样调分辨率,tomcat应用发布,生成SQLite3,苹果cms 解析插件,现如今火的前端框架,爬虫源代码干啥的,php安装图解,江西seo价钱,上传电影网站源码,静态网页下载,dw响应式网站模板下载lzw

B、方法

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标签需要同样的设置,则方法名不能一致。

C、实例

无标题文档

var value=document.getElementById(shuru);

function qingkong(inputObj){

if(inputObj.value=="请输入您的姓名"){

inputObj.value="";

}

}

function likai(inputObj){

if(inputObj.value==\){

inputObj.value="请输入您的姓名";

}

}

/*下面这段文字,可以在ie浏览器中改变输入框的背景颜色*/

.search input{star : expression(onmouseover=function(){

this.style.backgroundColor="#FF0000"

},

onmouseout=function(){

this.style.backgroundColor="#FFFFFF"

})

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。