如何用java实现“当鼠标点击输入框时，原有的默认文字消失”的效果
效果：当鼠标点击输入框时，原有的默认文字消失。如果输入其它新内容，然后移开鼠标，输入框新内容不变；如果不输入新内容，鼠标离开输入框又还原默认文字。用jsp可以这样写，请问...
效果：当鼠标点击输入框时，原有的默认文字消失。如果输入其它新内容，然后移开鼠标，输入框新内容不变；如果不输入新内容，鼠标离开输入框又还原默认文字。
用jsp可以这样写，请问一下用java怎么实现？
<form id="form1" name="form1" method="post" action="">
<label for="textfield">输入内容：</label>
<input name="textfield" type="text" id="textfield" value="Dreamweaver" onmouseover="this.style.borderColor='#FF6600'" onmouseout="this.style.borderColor=''" onFocus="if (value =='Dreamweaver'){value =''}" onBlur="if (value ==''){value='Dreamweaver'}"/>
</form> 展开
用jsp可以这样写，请问一下用java怎么实现？
<form id="form1" name="form1" method="post" action="">
<label for="textfield">输入内容：</label>
<input name="textfield" type="text" id="textfield" value="Dreamweaver" onmouseover="this.style.borderColor='#FF6600'" onmouseout="this.style.borderColor=''" onFocus="if (value =='Dreamweaver'){value =''}" onBlur="if (value ==''){value='Dreamweaver'}"/>
</form> 展开
2个回答
展开全部
这个有如果是html5的话可以直接使用placeholder属性，如果不是可以如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript">
function test1 (obj) {
// var username = document.getElementById('username');
if (obj.value == obj.defaultValue) {
obj.value = "";
}
}
function test2 (obj) {
// var username = document.getElementById('username');
if (obj.value == "") {
obj.value = obj.defaultValue;
}
}
</script>
</head>
<body>
<form>
username:<input type="text" id="username" value="Type in username here" onfocus="test1(this)" onblur="test2(this)"><br/>
password:<input type="text" id="passwd" placeholder="Type in password here"><br>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
