版本
2
程序集
窗口程序集1
子程序
_编辑框1_获得焦点
如果真
(编辑框1内容
=
“123”)
编辑框1内容
=
“”
如果真结束
子程序
_编辑框1_失去焦点
如果真
(编辑框1内容
=
“”)
编辑框1内容
=
“123”
如果真结束
自己拿去研究吧
希望对你有帮助
1我们在充值缴费的时候,或者输入用户名密码的时候,经常会见到如下的提示框
2当你的鼠标点击在“手机号码输入框”中的时候,输入框中的“请输入手机号码”文字消失,取代的是鼠标中的光标
3此特效是如何实现的呢?看下如下的代码
4把此代码拷贝到 dreamwerver 的body标签中间,并预览,在浏览器中的效果如下
5把鼠标点击进入输入框,文字消失
6现在解释下这段代码的意思
首先,是一个文本框html标签<input type="text">
value="请输入手机号码" -- 代表文本框中显示的内容是“请输入手机号码”
7onblur="if(thisvalue =='') {thisvalue = '请输入手机号码'}"
-- onblur:官方标准解释是:事件会在对象失去焦点时发生 。
也就是说当你的鼠标焦点离开文本框的时候执行后边的代码。
后边的代码是个if条件语句,翻译过来的意思就是,当这个文本框的值等于空的时候执行大括号里的代码。
大括号里的代码翻译过来是 给文本框赋值“请输入手机号码”。
整体代码实现的效果就是,当你鼠标离开的时候,文本框重新填充内容“请输入手机号码”
8onfocus="if(thisvalue == '请输入手机号码'){ thisvalue = '';thisstylecolor='#737e73';}"
--onfocus:官方标准解释:事件在对象获得焦点时发生。
也就是说,当你的鼠标点击进入文本框时,执行后边的代码。
后边的代码也是个if语句,翻译过来的意思就是,当文本框的值是“请输入手机号码”的时候,执行后边大括号里的代码。
大括号里的代码翻译过来就是 给文本框赋值为空,也就是清空文本框的内容,并且把文本框里的颜色赋值为#737e73。
整体代码实现的效果就是,当你鼠标点击进入文本框的时候,文本框的内容“请输入手机号码”消失,并且光标的颜色变为#737e73。
9name="phoneNum" maxlength="11"
--此代码是定义文本框的名字是"phoneNum" 是要在form表单提示的时候用到,这里可以忽略
--maxlength 是定义文本框只能输入11个字符,因为电话号码是只有11位,所以定义他的最大输入长度
10理解一下上边的代码,把thisstylecolor='#737e73' 修改为 thisstylecolor='#ff0000'
11在浏览器中的效果是什么样子的?没错,当你鼠标点击进入的时候,光标变为了红色
12当你鼠标离开的时候,文字也变成了红色
可以由aspnet实现。
当文本框获得焦点时,使用aspnet的事件,客户端会向服务器上传一个反馈,服务器接收后将原来的文本框更改为password模式即可。这种方式有一次刷新。其实就是得到服务控件的focus事件中将文本框换为password而已。较为简单。
也可以由js实现。
js实现的原理就是利用js增加一个input的type=hidden属性。用户所有输入的内容均写入到该input的value中,然后将生成相同长度的字符显示在原来的密码框中。在上行后不用接收原来的数据,只接收引入的input type=hidden的value即可。优点是不用进行刷新,节省了服务器资源。
onblur= "javascript:thisvalue='文字'" 失去焦点事件
onfocus = "javascript:thisvalue=''" 得到焦点事件
你说的需求可以用 事件+JavaScript代码 实现的
1)点击的事件就是onclick(tank352672的答案中事件是onfocus,那是获得焦点,是不对的)
2)onclick="javascript:thisvalue=''"这样就是当事件触发时执行后面的JavaScript语句,而语句的作用就是清空输入栏
3)完整的代码
<html>
<body>
<input id="Text1" type="text" value="搜索内容" onfocus="javascript:thisvalue=''" />
</body>
</html>
(代码复制到记事本存为html后缀的网页即可)
以上就是关于易语言 编辑框获取焦点失去焦点 问题全部的内容,包括:易语言 编辑框获取焦点失去焦点 问题、如何实现当鼠标点击输入框时,输入框内的提示文字自动消失、点击输入文本框,默认文字消失等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)