<form id="myform" name="myform" method="post" action="search.asp" onsubmit="return checkform()">
<input type="text" name="k
转载
2012-08-18 12:01:38
447阅读
<html><head><script language="javascript" >function baidu(){ var startDate, endDate ,d ; d = new Date(); startDate =d.getYear() + "-"+ (d.getMonth() + 1) + "-" + d.getDate() ; //开始日期 endDate =d.getYear() + "-"+ d.getMonth() + "-" +
转载
2013-02-24 00:15:00
172阅读
2评论
非本人原创，此为本人导师代码，在此整理分析。1、遮蔽层，弹框弹出时，页面变灰。CSS部分.overlay{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:hsla(0, 0%, 0%, .7);}2、定时提示小弹框，页面垂直居中显示CSS部分 /*t
原创
2015-07-24 11:23:22
719阅读
场景：
搜索框，模糊
搜索 HTML： <body> <div class="searchBox"> <input type="search" name="" placeholder="请输入" id="search"> <ul class="ulList"> </ul> </div> <script ...
转载
2021-08-28 14:26:00
681阅读
2评论
HTML部分代码：
——————————————————————————————————————————————————————————————
<div class="search_box">
<from>
<ul class="search_ul">
<li>
转载
2023-06-15 19:55:19
107阅读
效果图：
实现这种效果有两种方法：一是整体处理一个背景，以透明gif图的方式定位到搜索框，或者切分开，这种方法加载快，而且灵活性更高。文中用到的图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
转载
精选
2013-03-31 22:40:12
2690阅读
一.效果图
二.相关代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content=""&g
原创
2021-07-12 15:51:51
822阅读
使用 css 模拟实现搜索图标过渡到输入框的小动效的一个效果。
原创
精选
2024-03-13 09:21:33
438阅读
关注我，学习更多简单易懂的编程实战案例。进主页收获更多编程/就业/副业/创业/资源。
原创
2022-12-13 09:37:32
422阅读
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/header.jsp"%>
<html>
<head>
<title>AutoComplete-Sampl
原创
2011-02-12 09:50:35
2026阅读
点赞
JS实现搜索匹配功能
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS实现搜索匹配功能</title>
<script src="https://libs.baidu.com/jquery/1.11.3
转载
2023-06-08 15:07:15
38阅读
本文主要基于项目的一个基本搜索功能，前端显示所有用户的在线评论信息；用户可以根据需要在搜索框中输入搜索关键字，实时搜索出相应的显示结果，并高亮显示。实现代码：/**
* @brief 搜索一条房间中的符合要求的发言
* @param $keyword 搜索的关键字
*/
var isSkip = fal
转载
2023-06-13 17:32:08
870阅读
近期有个新入行的小伙伴一直在问一些基础知识，突然觉得人的记忆力有限，有些平常很少用到的知识点虽简单却也其实很容易模糊，或者是一个单词，或者是一个语法。所以想着应该利用一下工作之余的碎片时间，记录一些工作上的问题和一些有趣的小案例，于是开通了播客，一方面便于自己日后翻阅，一方面给刚学习的小伙伴一个参考。今天先写一个简单的小案例：原生JS模拟百度搜索框。需求：1.当在输入框输入时，每输入一个文字，就会
转载
2024-03-29 22:33:03
339阅读
顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示： 实现思路 起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用
转载
2021-06-24 18:30:00
147阅读
2评论
作者 | Skuld_yi顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此，也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示：实现思路起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用搜索框自身的 hidden 或透明度属性，需要使用父元素的 overflo
转载
2022-11-08 15:14:59
118阅读
先上效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>拖动登录框</title> <Style> * {
原创
2021-02-04 11:25:58
340阅读
纯CSS实现动画效果：鼠标移上图标显示搜索框，鼠标移出隐藏搜索框
顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示：
实现思路
起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用搜索框自身的 hidden 或
转载
2021-06-17 17:39:00
476阅读
一个搜索框小组件，我自己增加了一些交互细节，希望大家喜欢。
一、组件化封装1.首先创建一个form文件夹，将搜索框组件的内容全部写在这个里面，然后再在需要的页面直接引入相应的组件即可2.首先先在goods.vue文件里面写对应的文本数组formItems，将所定义的类型IFormItem引用进去，这个里面写的字段都是对应goods.vue文件里面的文本数组formItems里面所拥有的字段const formItems: IFormItem[] = [
转载
2024-04-08 07:11:31
258阅读
详细解读Android中的搜索框（一）—— 简单小例子 这次开的是一个讲解SearchView的栏目，第一篇主要是给一个小例子，让大家对这个搜索视图有一个了解，之后再分布细化来说。 目标：我们先来定个目标，我们通过搜索框来输入要搜索的联系人名字，输入的时候下面的listview就展现出候选的人。 思路：1.要得到联系人数据，就需要有访问联系人的
转载
2023-08-28 14:45:44
220阅读
