小问题总结:鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现
来源:互联网 发布:mac吉吉影音官方下载 编辑:程序博客网 时间:2024/06/04 17:54
问题如标题:
鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现。如图所示:
做法如下:
<input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='请输入2-5个中文名字'){value =''}" onblur="if (value ==''){value='请输入2-5个中文名字'}" value="请输入2-5个中文名字">
<input type="text" name="tel" id="tel" class="ind_cont_input ind_cont_inputioce2 ind_cont_inputboder1" value="请输入您的电话" onfocus="if (value =='请输入您的电话'){value =''}" onblur="if (value ==''){value='请输入您的电话'}">
注意点为input的onblur和onfocus属性。另外也有简单的if判断。很方便很实用。
演示地址为:http://www.ya-jing.cn
0 0
- 小问题总结:鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现
- 网页INPUT输入框焦点(鼠标指向输入框提示文字消失)
- 输入框显示输入提示,点击消失
- 鼠标点击时输入框内的文本消失
- 文本输入框中的提示点击消失,点击出现
- 设计input搜索框提示文字点击消失的效果,提示文字与输入显示不同----->特别推荐
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- 鼠标指向输入框时的提示效果
- input鼠标点击提示消失,鼠标点出提示出现
- input输入框中给出提示,点进去提示消失
- html的input输入框提示信息
- input 输入框的底层提示信息
- 输入框显示输入提示,点击消失。没输入直接提交,提交的输入框内容为空,不提交显示的提示文字
- android EditText在输入的时候输入框上方出现悬浮文字提示
- <input>输入框提示输入内容
- html input输入框提示输入内容
- 鼠标点击,在点击的地方出现提示框
- 聚焦时提示内容变淡,输入文字时提示内容消失的输入框
- jsp中插入播放器
- mysql导入数据库的方法
- Spring Test(玩Spring单元测试必备)
- c语言3月16日学习总结
- 游戏项目开发(摘录)
- 小问题总结:鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现
- nginx 源码(4)主流程
- 例题2.27 误差曲线 UVa1476
- SGU - 222 - Little Rooks (组合数)
- BZOJ 3550 ONTAK2010 Vacation 单纯形
- 欢迎使用CSDN-markdown编辑器
- 【黑马程序员】iOS学习之路——C语言之结构体
- Android SDK Manager更新报错——Download interrupted: URL not found.
- android log笔记