js显示文本框提示文字的方法
2015-05-07 15:23
573 查看
<!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=utf-8" /> <title>js提示文字</title> <style type="text/css"> input{ width:200px; height:24px; line-height:24px; border:1px solid #999; background:#ccc; margin:15px 0 0 100px; padding:4px; color:#666; } .current{ background:#E0FEE4; border:1px solid #093; } </style> </head> <body> <input name="" type="text" value="请输入姓名:"/><br /> <input name="" type="text" value="请输入昵称:"/><br /> <input name="" type="text" value="输入验证码:"/><br /> <input name="" type="text" value="请输入手机号码:"/><br /> <input name="" type="text" value="请输入电子邮件:"/> <script type="text/javascript"> var aInp=document.getElementsByTagName('input'); var i=0; var sArray=[]; for(i=0; i<aInp.length; i++) { aInp[i].index=i; sArray.push(aInp[i].value); aInp[i].onfocus=function() { if(sArray[this.index]==aInp[this.index].value) { aInp[this.index].value=''; } aInp[this.index].className='current'; }; aInp[i].onblur=function() { if(aInp[this.index].value=='') { aInp[this.index].value=sArray[this.index]; } aInp[this.index].className=''; }; } </script> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- js显示文本框提示文字的方法
- js实现键盘上下左右键选择文字并显示在文本框的方法
- js实现键盘上下左右键选择文字并显示在文本框的方法
- JS简单实现点击按钮或文字显示遮罩层的方法
- 基于JS实现密码框(password)中显示文字提示功能代码
- js实现鼠标移到链接文字弹出一个提示层的方法
- 通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字,值发生改变时不再恢复默认文字?
- js实现鼠标移到链接文字弹出一个提示层的方法
- MFC下显示提示对话框的文字方法
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- 文本框/域文字提示自动显示隐藏jQuery小插件
- js 鼠标点击文本框 提示文字消失 (小例子)
- MFC中点击文本框显示提示,点击其他地方提示消失的方法
- js 鼠标点击文本框 提示文字消失
- js文本框或者按钮鼠标悬停提示说明文字
- 文本框默认显示的字(提示的文字),点击后文字消失。
- delphi 文本框内容空白时加上提示文字,输入内容时提示文字不显示
- js 鼠标点击文本框 提示文字消失
- js实现动画特效的文字链接鼠标悬停提示的方法