1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 文本框得到焦点时 默认值被清除 文本框失去焦点时 用默认值填充

文本框得到焦点时 默认值被清除 文本框失去焦点时 用默认值填充

时间:2023-04-27 02:38:35

相关推荐

文本框得到焦点时 默认值被清除 文本框失去焦点时 用默认值填充

想要实现如下图所示的效果,鼠标点击文本框时,将文本框清空,鼠标没有聚焦在文本框上时,用默认值填充;

代码如下:

<%@ 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);// 如果搜索框没有输入值,则用搜索框的默认value值填充if(document.getElementById(myid).value == '') {document.getElementById(myid).value = document.getElementById(myid).defaultValue;obj.style.color = '#999'; // 灰色}}// 点击搜索按钮执行function search(){document.getElementById("searchform").submit();}</script><div id="divsearch"><form action="#" id="searchform"><input type="text" name="textfield" id="textfield" value="请输入书名"onmouseover="this.focus();"onclick="my_click(this, 'textfield');"onblur="my_blur(this, 'textfield');"/><img src="${pageContext.request.contextPath}/jquery/img/searchbutton.gif" style="margin-bottom:-4px" onclick="search()"/> </form></div>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。