如何能实现文本框默认值，鼠标单击后消失，当鼠标焦点消失默认值又出现

最新推荐文章于 2024-04-09 18:47:05 发布

I_buntu

最新推荐文章于 2024-04-09 18:47:05 发布

阅读量3.9k

点赞数

分类专栏： JavaScript 文章标签： input function

本文链接：https://blog.csdn.net/I_buntu/article/details/6659575

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript">
var flag1=true;
var flag2=true;
var flag3=true;

function f1(){
var text1=document.getElementById("t1");
if(flag1==true){
text1.value="";
flag1=false;
}
}

function f2(){
var text2=document.getElementById("t2");
if(flag2==true){
text2.value="";
flag2=false;
}
}

function f3(){
var text3=document.getElementById("t3");
if(flag3==true){
text3.value="";
flag3=false;
}
}
</script>
</head>
<body>
<input type="text" id="t1" value="condition1" οnfοcus="f1()">
<input type="text" id="t2" value='condition2' οnfοcus="f2()">
<input type="text" id="t3" value='condition3' οnfοcus="f3()">
<input type="submit" value="提交"><br>
</body>
</html>