文本框信息提示

linyifei2239 2012-04-09 10:21:52

怎么在<ASP:TEXTBOX> 控件里面添加JS 使提示信息在鼠标点击文本框的时候消失？求代码...我是新手谢谢

...全文

305 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

linyifei2239 2012-04-11

打赏
举报

因为我是做维护的项目是原来有的了而且全部都是用<asp:textbox>控件的如果要改成Input 工作量很大啊

linyifei2239 2012-04-11

打赏
举报

我是需要在<asp:textbox>里面达到这种效果不是在Input里面有在<asp:textbox>里面成功运行的代码么各位高手？

还想懒够 2012-04-11

打赏
举报

[Quote=引用 10 楼的回复:]
因为我是做维护的项目是原来有的了而且全部都是用<asp:textbox>控件的如果要改成Input 工作量很大啊
[/Quote]

晕，asp:TextBox就是input

Mirror然 2012-04-09

打赏
举报

[Quote=引用 4 楼的回复:]

漏说了一点哦是当鼠标点击输入框获取焦点以后提示消息不消失变成浅灰色输入的时候才消失不好意思！
求高手们知道！先谢谢上面的兄弟！
[/Quote]



<style type="text/css">

body{ font-family:"宋体"; font-size:12px;}

.i{ font-style:normal}

.n{ font-style:normal;color:#ccc;}

input{ width:100px; height:15px; line-height:15px; border:1px solid #CCCCCC;color:#999999}

</style>

<title>无标题文档</title>

</head>



<body>

<input name="search" type="text" id="search" onfocus="f1()" onblur="f2()" value="请输入内容" class="i"/>

</body>

<script language="javascript">

function f1(){

	var s=document.getElementById("search");

	if(s.value=="请输入内容"){

		s.value="请输入内容";

	}

	s.className="n";

}

function f2(){

	var s=document.getElementById("search");

	if(s.value==""){

		s.className="i";

		s.value="请输入内容";

	}

}

</script>

----------
输入的时候才消失要么你就自己删除或者全选自己输入和前面你说的不消失有冲突

LMAOhuaNL 2012-04-09

打赏
举报

[Quote=引用 4 楼的回复:]

漏说了一点哦是当鼠标点击输入框获取焦点以后提示消息不消失变成浅灰色输入的时候才消失不好意思！
求高手们知道！先谢谢上面的兄弟！
[/Quote]
1楼那个里面加一个更改字体颜色就好了
document.getElementById("id").style.color="#ccc";

yyl8781697 2012-04-09

打赏
举报

输入有个keyup事件，LZ将提示消失设置空写在这个事件里面
把背景颜色在写onfocus事件里面
具体相应的js的控制LZ自己去查把

linyifei2239 2012-04-09

打赏
举报

漏说了一点哦是当鼠标点击输入框获取焦点以后提示消息不消失变成浅灰色输入的时候才消失不好意思！
求高手们知道！先谢谢上面的兄弟！

Im_Sorry 2012-04-09

打赏
举报

[Quote=引用 1 楼的回复:]

HTML code

<input name="search" type="text" id="search" onfocus="f1()" onblur="f2()" value="请输入内容" class="i"/>
</body>
<script language="javascript">
function f1(){
var s=document.getElementById……
[/Quote]

+1

文子 2012-04-09

打赏
举报

[Quote=引用楼主的回复:]
怎么在<ASP:TEXTBOX> 控件里面添加JS 使提示信息在鼠标点击文本框的时候消失？求代码...我是新手谢谢
[/Quote]

顶一个

Mirror然 2012-04-09

打赏
举报



<input name="search" type="text" id="search" onfocus="f1()" onblur="f2()" value="请输入内容" class="i"/>

</body>

<script language="javascript">

function f1(){

	var s=document.getElementById("search");

	if(s.value=="请输入内容"){

		s.value="";

	}

	s.className="n";

}

function f2(){

	var s=document.getElementById("search");

	if(s.value==""){

		s.className="i";

		s.value="请输入内容";

	}

}

</script>