首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
javascript 输入文本框时的友好提示
所属分类：
网络编程
/
JavaScript
阅读数： 1338
收藏 0
赞 0
分享
下面的代码实现当用户停留在text输入框的时候提示输入什么的提示信息，提高用户粘合度。
在输入内容前，显示如图1所示
图1
当用户名的文本框或得焦点时，效果如图2所示
图2
当密码文本框或得焦点时，效果如图3所示
图3
演示的源代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>tt控件演示</title> </head> <body> <form action="" method="get"> <blockquote> <blockquote> <p align="center"> 【提示控件演示】 用户名： <input name="dd" onBlur="notTip()" type="text" onfocus="tip(this,'可输入用户名或邮箱')"/><br> 密码： <input name="dd" onBlur="notTip()" type="text" onfocus="tip(this,'请输入密码')"/> <br> </p> </blockquote> </blockquote> </form> <div id='tipDiv' style='position:absolute;z-index:1000;display:none;width:50;heiht:40'> <table width="100%" border="0" cellpadding="4" cellspacing="1"> <tr > <td width="100%" height="25" ><div id="taemTip" style="background:#CFC"></div></td> </tr> </table> </div> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
js实现图片上传预览原理分析
这篇文章主要为大家详细介绍了js实现图片上传预览的原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
Angular限制input框输入金额（是小数的话只保留两位小数点）
最近做项目遇到这样的需求输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码，需要的的朋友参考下吧
评论 0
收藏 0
赞 0
分享
详解vue-cli + webpack 多页面实例配置优化方法
本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
详解React-Native解决键盘遮挡问题（Keyboard遮挡问题）
本篇文章主要介绍了React-Native解决键盘遮挡问题（Keyboard遮挡问题），具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
JavaScript反弹动画效果的实现代码
本文通过实例代码给大家介绍了js反弹动画效果的实现代码，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
解决vue2.x中数据渲染以及vuex缓存的问题
本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
jsonp跨域请求详解
这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料，激活了所有接口支持浏览器跨域请求的封装，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
解决vue里碰到 $refs 的问题的方法
本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
js自定义弹框插件的封装
这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装，自己封装一个弹框插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
深入理解vue $refs的基本用法
本篇文章主要介绍了深入理解vue $refs的基本用法 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
青西一女子轻信网络刷单2小时赚400元 被骗15万元
站长VS微商 你选择哪个？
四年的网赚经验
2017自媒体账号申请及运营的几点建议
谷歌广告怎么收款？光大银行需要携带资料到柜台办理
2021年后通过网络、自媒体赚钱的几种方法
站长故事
更多
当iPhone6被上升成人民内部矛盾
木屋烧烤创始人自述：屌丝的逆袭开餐饮店 连锁餐饮成功的五个因素
奇幻咔咔3D小熊孟得明 揭秘瞬间火爆网络的背后故事
一个大学生自述：我是如何把公司做死的
验证码广告：站长增加收入的另一种新渠道
精品内容永不过时，个人站长应自我审视
