JavaScript实现搜索框效果
来源:互联网 发布:华中科技大学网络与远程教育 编辑:程序博客网 时间:2024/05/22 00:15
要求:搜索框获取焦点的时候如果里面的内容是“请输入关键字”,则清空,否则不清空
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>搜索文本框效果</title><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script type="text/javascript">//页面加载就获取焦点function Focus(){document.getElementById('text1').focus();}$(function(){$("#text1").focus(function(){$(this).select();$(this).css("background-color","orange");if(this.value=="请输入关键字!"){this.value="";}})$("#text1").blur(function(){$(this).css("background-color","white");if(this.value==""){this.value="请输入关键字!";}})})</script></head><body onload="Focus();">搜索:<input type="text" id="text1" value="请输入关键字!"></body></html>
0 0
- JavaScript实现搜索框效果
- javascript 搜索框效果
- jQuery JavaScript实现百度搜索下拉框效果
- 使用javascript ajax C#实现类似百度的搜索框效果
- JS实现搜索框动态效果
- 实现百度搜索输入框效果
- 实现百度搜索效果
- 二分搜索javascript实现
- javascript实现-右下角广告框效果
- javascript实现下拉选框ajax效果
- JavaScript实现拖动效果
- javascript实现下雪效果
- javascript实现幻灯片效果
- JavaScript 实现画图板效果
- javascript 实现load效果
- javascript实现拖动效果
- javascript 实现sleep效果
- Javascript实现sleep效果
- sbt安装与配置
- nginx TCP 负载均衡在oracle 10g负载均衡实践
- 限制范围的拖拽的简单实现及封装(含磁性吸附)
- leetcode: Search Insert Position
- 嵌入式概括
- JavaScript实现搜索框效果
- OBIEE创建Usage tracking
- LintCode:backpack VI
- Android studio2.2 execution failed: SymbolForDebug解决办法
- java自学之路4
- Android四大基本组件介绍与生命周期
- PHP框架之ThinkPHP研究(0)
- Listview刷新数据
- 面试题总结