asp:textbox 问题
asp:textbox中,我想让其默认显示一行文字。当鼠标点击的时候文字消失,失去焦点的时候默认文字出现。应该如何实现?如果想让其默认显示的是一个图片,点击图片消失,失去...
asp:textbox中,我想让其默认显示一行文字。当鼠标点击的时候文字消失,失去焦点的时候默认文字出现。应该如何实现?
如果想让其默认显示的是一个图片,点击图片消失,失去焦点的时候图片出现
该如何实现?急急急!!
我使用图片来代替默认值。
css
<style type="text/css">
.input_text.focus{border:1px solid #a2a2a2; background:#fff !important;}
.input_text.focusnot{background:#fff !important;}
#txtLCname{background:#fff url(img/bg_login_id_main_4.gif) no-repeat 0px 0px;}
#txtLCpoint{background:#fff url(img/btn_list.gif) no-repeat 0px 0px;}
</style>
代码
<asp:TextBox ID="txtLCname" runat="server" CssClass="input" Width="96%" MaxLength="35" onclick="this.className='input_text focus';" onfocusout="if (this.value.length == 0) {this.className='input_text';}"></asp:TextBox>
实现了点击文本框图片消失。失去焦点图片出现。但是,点击后输入文字。失去焦点后文字和图片同时出现。怎么样能在文本框中有文字的时候只让文字出现?没有的时候再出现图片
namewyy 您好,应该怎么编写时间代码?能具体给个吗?最好是测试通过的,我自己写了些,不可以啊 展开
如果想让其默认显示的是一个图片,点击图片消失,失去焦点的时候图片出现
该如何实现?急急急!!
我使用图片来代替默认值。
css
<style type="text/css">
.input_text.focus{border:1px solid #a2a2a2; background:#fff !important;}
.input_text.focusnot{background:#fff !important;}
#txtLCname{background:#fff url(img/bg_login_id_main_4.gif) no-repeat 0px 0px;}
#txtLCpoint{background:#fff url(img/btn_list.gif) no-repeat 0px 0px;}
</style>
代码
<asp:TextBox ID="txtLCname" runat="server" CssClass="input" Width="96%" MaxLength="35" onclick="this.className='input_text focus';" onfocusout="if (this.value.length == 0) {this.className='input_text';}"></asp:TextBox>
实现了点击文本框图片消失。失去焦点图片出现。但是,点击后输入文字。失去焦点后文字和图片同时出现。怎么样能在文本框中有文字的时候只让文字出现?没有的时候再出现图片
namewyy 您好,应该怎么编写时间代码?能具体给个吗?最好是测试通过的,我自己写了些,不可以啊 展开
4个回答
展开全部
马上来
<input id="a" value="默认字符" />
<script>
var obj= document.getElementById("a");
var value=obj.value;
document.onload=function(){
obj.onmouseover=function(){
this.value="";
this.onmouseout=this.onblur=function(){
obj.value=value;
this.onmouseout=this.onblur=null;
}
}
}
</script>
<input id="a" value="默认字符" />
<script>
var obj= document.getElementById("a");
var value=obj.value;
document.onload=function(){
obj.onmouseover=function(){
this.value="";
this.onmouseout=this.onblur=function(){
obj.value=value;
this.onmouseout=this.onblur=null;
}
}
}
</script>
网易云信
2023-12-06 广告
2023-12-06 广告
UIkit是一套轻量级、模块化且易于使用的开源UI组件库,由YOOtheme团队开发。它提供了丰富的界面元素,包括按钮、表单、表格、对话框、滑块、下拉菜单、选项卡等等,适用于各种类型的网站和应用程序。UIkit还支持响应式设计,可以根据不同...
点击进入详情页
本回答由网易云信提供
展开全部
编写onfocusout事件脚本
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
没解决就Hi我
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用js实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询