您的当前位置:首页正文

如何在html文本框中添加提示信息

2013-04-26 来源:布克知识网

有网友碰到这样的问题“如何在html文本框中添加提示信息”。小编为您整理了以下解决方案,希望对您有帮助:

解决方案1:

用获得焦点onfocus和失去焦点onblur事件


<html>
<head>
<script>
function show(){
var test=document.getElementById("uname").value;
if(test==null || test==""){
document.getElementById("abc").style.display='';
}else{
document.getElementById("abc").style.display='none';
}
}
function hide(){
document.getElementById("abc").style.display='none';
}
</script>
</head>
<body>
<input id="uname" type="text" onblur="show()" onfocus="hide()"/><span id="abc">请输入名称</span>
</body>
</html>

Top