想要实现如下图所示的效果,鼠标点击文本框时,将文本框清空,鼠标没有聚焦在文本框上时,用默认值填充;
代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script type="text/javascript">
// 鼠标点击搜索框时执行
function my_click(obj, myid) {
// alert(document.getElementById(myid).value);
// alert(document.getElementById(myid).defaultValue);
//点击时,如果取得的值和搜索框默认value值相同,则将搜索框清空
if(document.getElementById(myid).value == document.getElementById(myid).defaultValue) {
document.getElementById(myid).value = '';
obj.style.color = '#000'; // 黑色
}
}
// 鼠标不聚焦在搜索框时执行
function my_blur(obj, myid) {
// alert(document.getElementById(myid).value);
// 如果搜索框没有输入