html里输入框和密码框的提示文字怎么弄?

发布网友 发布时间：2022-04-23 09:10

我来回答

共5个回答

热心网友 时间：2022-04-19 06:20

html5 可以直接用 placeholder="请输入员工号"

js的话 你需要多制作的一个标签，比如span，覆盖在输入框的上方 鼠标进入的时候显示这个span，离开的时候就隐藏，原理就是这样

热心网友 时间：2022-04-19 07:38

在行内写js。<input type="password" value="请输入员工号" class="kd_t" maxlength="20" onfocus="if(this.value==defaultValue){this.value=''}" onblur="if(this.value==''){this.value=defaultValue}"/>

<input type="text" value="请输入员工号密码" class="kd_t" maxlength="20" onfocus="if(this.value==defaultValue){this.value=''}" onblur="if(this.value==''){this.value=defaultValue}"/>
ss

热心网友 时间：2022-04-19 09:13

<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>
给你一个网址，就是针对你这个问题，你好好看看http://www.lanrentuku.com/js/form-889.html#

热心网友 时间：2022-04-19 11:04

js做吧 或者用html5追问有没有代码，参考下