JSP:input标签获取焦点时文本框内提示信息清空(并且变换文本框背景颜色)
2016-06-24 12:25
891 查看
主要是利用javascript中的触发事件onfocus和onblur
<script language="javascript" type="text/javascript">
function myFocus(obj,color){
//判断文本框中的内容是否是默认内容
if(obj.value=="请输入收件人地址"){
obj.value="";
}
//设置文本框获取焦点时候背景颜色变换
obj.style.backgroundColor=color;
}
function myblur(obj,color){
//当鼠标离开时候改变文本框背景颜色
obj.style.background=color;
}
在input标签中
<input type="text" name="username" id="username" onfocus="myFocus(this,'#f4eaf1')" onblur="myblur(this,'white')" value="请输入收件人地址"/>
用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除
<script language="javascript" type="text/javascript">
function myFocus(obj,color){
//判断文本框中的内容是否是默认内容
if(obj.value=="请输入收件人地址"){
obj.value="";
}
//设置文本框获取焦点时候背景颜色变换
obj.style.backgroundColor=color;
}
function myblur(obj,color){
//当鼠标离开时候改变文本框背景颜色
obj.style.background=color;
}
在input标签中
<input type="text" name="username" id="username" onfocus="myFocus(this,'#f4eaf1')" onblur="myblur(this,'white')" value="请输入收件人地址"/>
用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除
相关文章推荐
- 用JSON-server模拟REST API(二) 动态数据
- 用JSON-server模拟REST API(一) 安装运行
- js 锚点 不跳转
- Javascript的调试利器:Firebug使用详解
- 从Action中传值到JSP页面的方法
- 如何做分类导航栏菜单js
- API例子:用Java/JavaScript下载内容提取器
- js对象引用传递
- JSON格式化
- 返回值是JSON的阿贾克斯方法
- js中window.open()的所有参数详细解析
- Javascript 严格模式详解
- javascript常见知识点整理1
- json
- 浅谈json取值(对象和数组)
- JavaScript 笔记
- 关于Json中null的问题以及宏的返回值(转载)
- js——认识js 变量 函数 各种对话框 输出
- json对象与数组以及转换成js对象的简单实现方法
- js ——算法