html里输入框和密码框的提示文字怎么弄？
效果如图；点击的时候，提示文字消失；失去焦点的时候提示文字出现，但是有内容输入后失去焦点也不显示提示文字；还有，密码框和文本框不一样啊，密码框的值不显现的。
js的话 你需要多制作的一个标签，比如span，覆盖在输入框的上方 鼠标进入的时候显示这个span，离开的时候就隐藏，原理就是这样
<input type="text" value="请输入员工号密码" class="kd_t" maxlength="20" onfocus="if(this.value==defaultValue){this.value=''}" onblur="if(this.value==''){this.value=defaultValue}"/>
ss
$(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#本回答被提问者和网友采纳
有没有代码，参考下
html里输入框和密码框的提示文字怎么弄
1、首先打开html编辑器，新建一个html文件，例如：index.html。2、在index.html中的<body>标签中，输入以下html代码：<input type="text" placeholder="请输入账号" \/> <input type="password" placeholder="请输入密码" \/> 3、浏览器运行index.html页面，此时的输入框有了提示文字“请输入账号”，...
html里输入框和密码框的提示文字怎么弄?
html5 可以直接用 placeholder="请输入员工号"js的话 你需要多制作的一个标签，比如span，覆盖在输入框的上方 鼠标进入的时候显示这个span，离开的时候就隐藏，原理就是这样
input如何实现输入框带提示文字效果?
方法一：html5配合css3实现带提示文字的输入框(摆脱js)；webkit特有的一个css，可以控制里面的文字样式，配合css3的动画效果和伪类，我们就可以很容易做出一个带动画的输入框，在系统登录、搜索等位置很适合，感兴趣的你可以参考下本文或许可以帮助到你，Webkit作为载体开发系统，当然需要大量使用Html5与CSS...
html里输入框和密码框的提示文字怎么弄
<script type="text\/javascript"> $(document).ready(function(){ $("#focus .input_txt").each(function(){ var thisVal=$(this).val(); \/\/判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示 if(thisVal!=""){ $(this).siblings("span").hide(); }...
html怎么在密码文本框中显示默认文字 然后失去焦点后,如果密码文本框中...
style="position:relative"> <input type="password" name="pwd" \/> <span style="position:relative;left:-120px;z-index:2">请输入密码<\/span><\/div><\/body><\/html>你应该用这种思路。用相对定位，使之偏移，浮于密码框之上。输入密码后，隐藏提示信息。判断为空时显示提示信息。
html 当文本框未输入时点按钮,旁边出现红色警告字怎么写求代码_百度...
if(\/((text)|(password))\/i.test(node.type)){ var isEmpty = node.value.length == 0;\/\/ 校验文本是否为空 if(isEmpty){ caution(node); return false;} } \/\/ 使用递归来遍历下一个节点 return arguments.callee(node.nextSibling);})(form.firstChild);} function caution(node){ docu...
html点击按钮弹出输入框(html单击按钮弹出消息框)
inputtype="password"placeholder="请输入密码"\/ 3、浏览器运行index.html页面，此时的输入框有了提示文字“请输入账号”，密搭返祥码框有了提示知搏文字“请输入密码”。在HTML中怎么点击一个按钮能弹出一个选项框【1】其中btnid为按钮的ID psd为用户的密码（用户以前的雀念唤密码)document.getElement...
html中input文本框,初始里边有文字提示,当点击时,文字消失,怎么...
需要准备的材料分别有：电脑、浏览器、html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<body>标签中，输入html代码：<input type="text" placeholder="清输入用户名" \/>。3、浏览器运行index.html页面，文本框初始有文字。4、点击文本框，文字成功消失。
html怎么在文本框里面输入文字
\/> <\/form> <p>请单击确认按钮，输入会发送到服务器上名为 "form_action.asp" 的页面。<\/p> <\/body> <\/html> 用的是INPUT标签。input标签后面的type是输入的类型 type="text"是文本输入框 type="submit"是提交按钮 他会被标记为一个类似于变量的结构 name后面就使用输入数值的时候的名字 ...
html中鼠标移动至密码框会有请输入密码的文字,请问怎么弄
onfocus显示 oninput隐藏即可，可以加判断如果内容为空，显示
