javascript实现文本框默认内容Demo
2011-07-12 22:55
351 查看
<html>
<head>
<title>javascript实现文本框默认内容Demo</title>
<script type="text/javascript">
window.onload=function(){
document.getElementById("txtSearch").onfocus=function(){
if(this.value="DefaultKey"){
this.value='';
}
};
document.getElementById("txtSearch").onblur=function(){
if(!this.value){
this.value='DefaultKey';
}
};
}
//显示搜索的关键词
function showSearch(){
var keyword=document.getElementById("txtSearch").value;
var result=document.getElementById("txtResult");
result.firstChild.nodeValue=keyword;
}
</script>
<style type="text/css">
p{
display:inline;
}
.default{
color:#ccc;
}
</style>
</head>
<body>
<input type="text" id="txtSearch" value="DefaultKey" class="default"/>
<input type="button" id="btnSearch" value="Search" onclick="showSearch()">
<p>SerachedKeyword:</p><p id="txtResult">Result</p>
</body>
</html>
相关文章推荐
- JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
- 不用 JavaScript 实现文本框内容字母自动大写
- JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
- 【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩
- JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
- 文本框onfocus()清空默认显示内容调用函数实现
- js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器[原创]_JavaScript_脚本之家
- js实现文本框中内容的放大显示
- ueditor文本框初始化如何显示默认内容,以及文本框获取焦点后清空默认内容
- 用javascript实现分割提取页面所需内容
- javascript实现一段文字展开、收起(默认收起)
- JS-Demo1:JavaScript实现表格列拖动
- JavaScript实现带自动提示的文本框效果代码
- Jquery实现的弹出窗口,选择框内内容后赋值给文本框
- js实现默认文本框信息 鼠标点击时没有离开时显示
- 如何实现上下左右键盘控制焦点使之落在相邻文本框或下拉框中-Web开发/JavaScript
- 在JavaScript中实现统计文本框Textarea字数
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容的公共函数
- 用JQUERY实现清空所有文本框的内容
- 实现拖动文件到文本框,自动读出文件内容