js提交表单:js下在password表单内显示提示信息的解决办法疯狂代码！

js提交表单:js下在password表单内显示提示信息的解决办法

经典有人要这个代码

考虑到password中输入

内容会显示为*号

所以要想办法解决*

问题

当初想用

Attribute动态修改type属性达到效果

再ff下测试成功

但没想到

Attribute对type属性

修改在ie中无效

最终采用背景图片

方式解决了这个

即为password设定

个背景图片

图片文字为提示信息
如:<img src="/upload/20070819124037566.g

" />,
当鼠标放上时不显示背景图片

代码如下:
点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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个<img src='/icons/18859zifu.gif' />" _disibledevent="保存代码"/>[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]<br/>
				<div>                                                                                                                                                                                                                                      </div>
			<div id="entry-tags"><span>Tags:</span> 	<a href='/Tag/71593/Index.html'>js禁止提交表单</a> <a href='/Tag/288/Index.html'>js表单</a> <a href='/Tag/102/Index.html'>js表单验证</a> <a href='/Tag/286/Index.html'>js提交表单</a> </div>
			<script language="javascript">
				showSns();
			</script>			
			<h3 class="related_post_title">延伸阅读</h3>
			<ul class="related_post"> 
			
					<li><span>2010-12-9</span>-- <a href="/Javascript/Article102927.html">js验证表单框架,手把手教你自己写一个js表单验证框架的方法</a></li>
				
					<li><span>2010-11-24</span>-- <a href="/web/Article83364.html">js表单验证,手把手教你自己写一个js表单验证框架</a></li>
				
					<li><span>2010-12-15</span>-- <a href="/DotNet/Article128853.html">表单重复提交,使用HttpModule来禁用Web表单重复提交</a></li>
				
					<li><span>2010-12-8</span>-- <a href="/web/Article88188.html">表单验证,超级强大的表单验证代码</a></li>
				
					<li><span>2010-12-9</span>-- <a href="/Javascript/Article104942.html">js提交表单,工作中常用到的JS表单验证代码（包括例子）</a></li>
				
					<li><span>2011-4-26</span>-- <a href="/Php/Article172869.html">提交表单代码,PHP中限制IP段访问、禁止IP提交表单的代码</a></li>
				
					<li><span>2009-9-12</span>-- <a href="/Security/Article71011.html">js提交表单:WEB入侵的表单提交</a></li>
				
					<li><span>2010-12-19</span>-- <a href="/Bo-abstracts-selected/Article134566.html">表单提交,Android 使用三种方式获取网页（通过Post，Get进行表单的提交）</a></li>
				
					<li><span>2010-12-9</span>-- <a href="/Javascript/Article101569.html">js提交表单,离开页面时检测表单元素是否被修改，提示保存的js代码</a></li>
				
					<li><span>2008-12-25</span>-- <a href="/Javascript/Article44904.html">js表单验证类:js番茄的表单验证类</a></li>
				
			</ul>							
		</div> 
		</div>
<div class="list-y">
	<ul class="list">
		
	</ul>
</div>

验证码点击图片更换

js提交表单:js下在password表单内显示提示信息的解决办法

赞助商广告

随机更新

热门标注

最近更新

最新标注