有网友碰到这样的问题“如何在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>