博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
asp.net中textbox获得焦点后清空默认文本
阅读量:6961 次
发布时间:2019-06-27

本文共 1026 字,大约阅读时间需要 3 分钟。

 asp.net中textbox获得焦点后清空默认文本,关键字搜索等提示性内容的输入:

方法一:

 

方法二:【转】

作用是,一个文本框,需要输入内容,在没有输入的时候里面有一段提示内容,当点击这个文本框输入的时候,文本框内的内容自动消失。挺简单的一个功能,但是没有想到实现起来还是很麻烦的,在网上找了一段代码,贴上来以备后用。

给文本框添加触发事件onfocus和onblur,调用函数处理。完整代码:

<script>

function cls(){
    with(event.srcElement) //捕获触发事件的对象,并设置为以下语句的默认对象
    if(value==defaultValue)  value="" //如果当前值为默认值,则清空
}
function res(){
    with(event.srcElement) //捕获触发事件的对象,并设置为以下语句的默认对象
    if(value=="")  value=defaultValue //如果当前值为空,则重置为默认值
}
</script>
<input value="填写您的昵称" οnfοcus="cls()" οnblur="res()" />
  注意:本例的方法对大部分表单控件都有效,比如多行文本框。

  特别提示:运行完整代码,在鼠标第一次单击文本框时该文本框内容将被清空,在文本框外单击时文本框内容将还原回默认值。如果改变了文本框的值,将不再有任何变化。

============================================================================================

或【比较喜欢这个,简单实用】

<input type="text" id="text" name="text" value="默认显示文字" οnfοcus="if(value == defaultValue){value='';this.style.color='#000'}" οnblur="if(!value){value = defaultValue;this.style.color='#999'}" style="width:200px;color:#999999;" />

转载于:https://www.cnblogs.com/eva_2010/articles/2428548.html

你可能感兴趣的文章
FMDB的使用
查看>>
telnet ctrl+c 不退出问题解决
查看>>
Linux LVM的创建及扩展
查看>>
玩转树莓派——制作包含Windows 10 IoT Core和Raspbian的离线安装介质
查看>>
C# 枚举
查看>>
CSS兼容hack常用方法
查看>>
配置管理小报100525:使用CVS中的常见故障
查看>>
JDK的安装[Centos]
查看>>
Java生产者消费者模式
查看>>
Android窗口机制(四)ViewRootImpl与View和WindowManager
查看>>
maven仓库地址
查看>>
NodeJs:使用connect构建简单的用户登录
查看>>
推荐一款C/C++在线编译器
查看>>
Maven的微信公众号项目部署到SAE用户消息无响应
查看>>
HIVE启动失败错误汇总
查看>>
OS系统对移动硬盘读写权限
查看>>
还原sql server数据库时,无法获得对数据库的独占访问权
查看>>
在cocos2d-x中解决中文乱码问题
查看>>
NDK学习三:[转载] android开发 NDK 编译和使用静态库、动态库
查看>>
企业微博发布时间_内容_原则2
查看>>