#c { position: relative}
#a { position: absoluteleft: 10top: 10font-size: 12pxfont-family: 宋体}
#b { position: absoluteleft: 10top: 10font-size: 12pxfont-family: 宋体-moz-opacity:0opacity: 0filter: alpha(opacity=0)}
</style><body><div id="c">
<input id="a" />
<input id="b" onkeyup="document.getElementById('a').value=this.value.replace(/./g,'*')" />
</div></body></html>....你也可以把 *号改成其他字符....自己试试看吧...
HTML5 新增属性,浏览器版本低于IE8应该不支持placeholder 属性
placeholder 属性规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。
该提示会在用户输入值之前显示在输入字段中。
使用方法:
1
<input type="text" name="name" placeholder="请输入您的姓名">
<script type="text/javascript">$(document).ready(function(){
$("#focus .input_txt").each(function(){
var thisVal=$(this).val()
//判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示
if(thisVal!=""){
$(this).siblings("span").hide()
}else{
$(this).siblings("span").show()
}
//聚焦型输入框验证
$(this).focus(function(){
$(this).siblings("span").hide()
}).blur(function(){
var val=$(this).val()
if(val!=""){
$(this).siblings("span").hide()
}else{
$(this).siblings("span").show()
}
})
})
$("#keydown .input_txt").each(function(){
var thisVal=$(this).val()
//判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示
if(thisVal!=""){
$(this).siblings("span").hide()
}else{
$(this).siblings("span").show()
}
$(this).keyup(function(){
var val=$(this).val()
$(this).siblings("span").hide()
}).blur(function(){
var val=$(this).val()
if(val!=""){
$(this).siblings("span").hide()
}else{
$(this).siblings("span").show()
}
})
})
})
</script>