欢迎来到福编程网，本站提供各种互联网专业知识！
手机版
微信关注
快捷导航
正则表达式
AJAX相关
黑客相关
相关技巧
Mysql
MsSql
MsSql2005
MsSql2008
MariaDB
Oracle
Access
SQLite
PostgreSQL
MongoDB
DB2
Redis
数据库文摘
数据库其它
LINUX
RedHat/Centos
Ubuntu/Debian
Fedora
Solaris
红旗Linux
Unix/BSD
苹果MAC
麒麟系统
注册表
BIOS
系统安装
系统进程
Fireworks教程
广告
商业广告，理性选择
网站首页
网络编程
数据库
操作系统
平面设计
网站运营
网络安全
电脑相关
手机学院
您的位置：
网站首页
>
网络编程
>
JavaScript
>
表单特效
js下在password表单内显示提示信息的解决办法
发布时间：2007-08-19 作者： 来源：转载
标签：
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
经典有人要这个代码，考虑到password中输入的内容会显示为*号，所以要想办法解决*的问题。当初想用setAttribute动态修改type属性达到效果，再ff下测试成功，但没想到setAttribute对type属性的修改在ie中无效。最终采用背景图片的方式解决了这个。即为password
经典有人要这个代码，考虑到password中输入的内容会显示为*号，所以要想办法解决*的问题。当初想用setAttribute动态修改type属性达到效果，再ff下测试成功，但没想到setAttribute对type属性的修改在ie中无效。最终采用背景图片的方式解决了这个。即为password设定一个背景图片，图片文字为提示信息
如：
,
当鼠标放上时不显示背景图片。
代码如下：
<!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> *{ margin:0px;padding:0px;font-size:12px; } input{ width:150px;height:20px;line-height:20px;border:1px solid #ccc; } </style> </head> <body> 姓名：<input type="text" id="username" value="姓名长度最多16个字符" onfocus="this.select()" /> 动态修改input的type属性（仅在ff下有效）： 密码：<input type="text" id="password" onmouseover="chgForm('password')" value="密码长度必须在3-18位之间" onmouseout="chkForm('password')" /> 图片提示(在ff/ie下均有效）： 密码：<input type="password" id="p1" onmouseover="this.style.background=''" style='background:url(/upload/20070819124037566.gif) no-repeat' onmouseout="chkFormpic('p1')" /> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一篇：
javascript实现上传图片前的预览（TX的面试题）
下一篇：
用javascript判断输入数据是否货币并自动添加￥符号的代码
广告
商业广告，理性选择
相关推荐
Javascript实现图片不间断滚动的代码
改变文本框字体颜色的js脚本
文本框点击时文字消失，失去焦点时文字出现
js下拉菜单中自动信息轮换播放
javascript textarea字数限制
javascript 输入框提示列表效果
Div Select挡住的解决办法
很可爱的输入框
javascript 单选框，多选框美化代码
比较平滑的js控制textaera的高度
js禁用和激活input表单的方法
css+js实现select列表横向排列效果代码
javascript下兼容firefox选取textarea文本的代码
兼容Firefox和IE的onpropertychange事件oninput
javascript兼容firefox的文本输入长度提示
用javascript和css模拟select的脚本
javascript实现通过拼音首字母快速选择下拉列表
js下拉框里超过变成省略号
javascript+css好多网站用的选星星实现打分功能的函数
js批量上传界面的实现
广告
商业广告，理性选择
文章分类
表单特效
网页特效
广告代码
黑客性质
DOM
node.js
js其它
javascript技巧
基础知识
javascript类库
热门关键词
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
网卡
网线
分辨率
家电
4k
显示器
header
USER_AGENT
色彩
图形
商业
生成
广告
商业广告，理性选择
热门文章
1
什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？
2
Mac设置VPN来登录youtube等国外网站的步骤
3
各大搜索引擎登录入口,网站收录入口
4
Openvpn在麒麟操作系统上的配置方法
5
联想笔记本BIOS设置图解中文详细说明
6
AMI BIOS设置图解教程+Award Bios设置全程图解
7
Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解
8
分享最受美国人喜欢的十大搜索引擎
9
分享10个常见的SQL注入工具
10
mac系统中自带的邮件程序怎么添加qq邮箱帐号?
最新更新
无线路由器经常断线 故障解决
怎么在Mac上设置锁屏不待机
VHD和VHDX硬盘格式有什么区别?
关闭Aero Shake节约系统资源的方法
怎么更改Mac中的邮件字体大小
提高WIN7系统开机速度方法分享
Mac系统怎么更改用户登录密码
Mac上如何修改时间和日期
如何将常用应用固定至开始屏幕或任务栏
MySQL中replace into语句的用法详解（insert into 的增强版）
广告
商业广告，理性选择
网站首页
|
关于我们
|
免责声明
|
广告合作
|
联系我们
Copyright @ 2015-2024
福编程 fuphp
All Rights Reserved.
豫ICP备15036959号-4
