java设置input隐藏,控制input输入框提示信息显示和隐藏的方法

οnblur="if(this.value ==''){ value='搜索'}">

或者

var sea = document.getElementById('search');

function showValue() {

if (this.value == '' ){

this.value = '搜索';

}

function hiddenValue() {

if (this.value == '搜索'){

this.value = '';

}

sea.addEventListener('focus',hiddenValue,false);

sea.addEventListener('blur',showValue,false);

一、要求

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

二、方法

1、给该input取id名，Onfocus=”方法名1(this)”，οnblur=”方法名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标签需要同样的设置，则方法名不能一致。

三、实例

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

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(οnmοuseοver=function(){

this.style.backgroundColor="#FF0000"

οnmοuseοut=function(){

this.style.backgroundColor="#FFFFFF"

})

}

java设置input隐藏,控制input输入框提示信息显示和隐藏的方法相关推荐

java设置并行度_控制Java并行流的并行度
java设置并行度在掌握了这些新功能之后,随着Java 9的最新发布,我们有了许多新功能可以用来改进我们的解决方案. Java 9的发布也是修改我们是否掌握Java 8功能的好时机. 在这篇文章中, ...
linux网卡有很多error,教你设置win7系统虚拟机安装linux提示network error的解决方法...
很多朋友在使用电脑的过程中,会发现win7系统虚拟机安装linux提示network error的现象,当遇到win7系统虚拟机安装linux提示network error的问题,我们要怎么解决呢?如 ...
php输入框里的提示文字,input 标签实现输入框带提示文字效果(两种方法)
方法一:html5配合css3实现带提示文字的输入框(摆脱js): webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登 ...
控制input输入框光标的位置
一:理解input, textarea元素在标准浏览器下两个属性selectionStart, selectionEnd. selectionStart: 该属性的含义是选区开始的位置: selec ...
JavaScript控制input输入框的required属性值
JavaScript控制input输入框的required属性值当我们在勾选上一个复选框之后,希望该选项的输入框成为必填项时,那么将会用到required这个属性在HTML中,required为属 ...
ios 键盘弹出input输入框被遮挡键盘隐藏时页面无法回弹解决方案
ios 微信键盘弹出input输入框被遮挡键盘隐藏时页面无法回弹解决方案问题:测试发现ios微信端浏览器中,键盘弹出后,输入框被软键盘遮挡,input失焦后,因软键盘顶起的页面没有回弹到原来位置, ...
html输入框不显示cookie_jquery设置浏览器缓存cookie提示内容显示隐藏
特效描述:设置浏览器缓存 cookie提示内容显示隐藏,jquery制作通过判断各种浏览器版本等,来设置各个浏览器缓存cookie,控制模块内容或区域在浏览器缓存cookie的情况下,是否显示或隐藏 ...
input框5连--输入框不可输入以0开头的数字但是可以输入带0的数字常用正则
第一弹:input框只能输入数字缺能输入e的原因.链接:input框1连–数字输入框能输入e的原因第二弹:input框限制用户输入长度,超出长度不可输入.链接:input框2连–限制用户输入长度第 ...
input 框去掉下面的提示文字、提示选项
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 我的一个输入框总是有提示文字: 2. 去掉方法,给 input 加一个属性: autocomp ...
html range 样式,美化 input range 控制条
平常我们使用制作进度条的时候都是想的用 div 去模拟,在 html5 后,我们可以使用 input range 来实现这样的效果. 默认的效果如图: 你可以设置它的值得范围(min, max) 以及 ...

java设置input隐藏,控制input输入框提示信息显示和隐藏的方法

java设置input隐藏,控制input输入框提示信息显示和隐藏的方法相关推荐

最新文章

热门文章