html5搜索框美化,CSS美化的漂亮搜索框
发布日期:2022-02-18 13:08:19
浏览次数:14
分类:技术文章
本文共 526 字,大约阅读时间需要 1 分钟。
CSS美化的漂亮搜索框
我要搜索
搜索
var $ = function(id){return document.getElementById(id);}
var formSubmit = function(id){
document.forms[id].submit();
return false;
}
var tip = function(q, for_q){
q = $(q);
for_q = $(for_q);
q.onfocus = function(){
for_q.style.display = 'none';
q.style.backgroundPosition = "right -17px";
}
q.onblur = function(){
if(!this.value) for_q.style.display = 'block';
q.style.backgroundPosition = "right 0";
}
for_q.onclick = function(){
this.style.display = 'none';
q.focus();
}
};
tip('keyword','for-keyword');
转载地址:https://blog.csdn.net/weixin_28871097/article/details/117845001 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
能坚持,总会有不一样的收获!
[***.219.124.196]2024年04月03日 03时44分20秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Python:学习笔记之PyQt5
2019-04-27
面向对象(Python):学习笔记之封装
2021-06-30
Python:字符串、列表、元组、字典之间的相互转换
2021-06-30
面向对象(Python):学习笔记之私有属性和私有方法
2021-06-30
HTML:表单学习笔记
2021-06-30
C#:$符号和@符号的用法介绍
2021-06-30
C#:常用字符整理自用
2021-06-30
面向对象(Python):学习笔记之继承
2021-06-30
Pannellum:实例之自定义热点信息
2021-06-30
Pannellum:实例之简单热点
2021-06-30
Git:git如何拉取指定分支到本地
2021-06-30
5.2 使用MySQL数据库
2021-06-30
5.3 使用SQLite数据库
2021-06-30
5.4 使用PostgreSQL数据库
2021-06-30
5.5 使用beedb库进行ORM开发
2021-06-30
5.6 NOSQL数据库操作
2021-06-30
第六章 session和数据存储
2021-06-30
6.1 session和cookie
2021-06-30
6.2 Go如何使用session
2021-06-30
7.5 文件操作
2021-06-30