HTML百度搜索框实现(附源码带注释)

1.百度类效果

源码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.search_form{width:602px;height:42px;}/*左边输入框设置样式*/.input_text{width:400px;height: 40px;border:1px solid green;/*清除掉默认的padding*/padding:0px;/*提示字首行缩进*/text-indent: 10px;/*去掉蓝色高亮框*/outline: none;/*用浮动解决内联元素错位及小间距的问题*/float:left;}.input_sub{width:100px;height: 42px;background: green;/*去掉submit按钮默认边框*/border:0px;/*改成右浮动也是可以的*/float:left;color:white;/*搜索的字体颜色为白色*/cursor:pointer;/*鼠标变为小手*/}</style>
</head>
<body><form class="search_form"><input type="text" class="input_text" placeholder="请输入搜索内容"><!-- --><input type="submit" value="搜索" class="input_sub"></form>
</body>
</html>

HTML百度搜索框实现(附源码带注释)相关推荐

seo必备网站分析工具，关键词百度搜索结果查询导出源码
seo必备网站分析工具,关键词百度搜索结果查询导出源码两个简单的版本,关于百度搜索结果的采集抓取,可以获取到竞争对手的网站,加以分析和研究,只需输入关键词和搜索页码,即可完成对于竞争对手的获取和研究 ...
关于C＃KTV项目斜体样式源码带注释下载
关于C#KTV项目斜体样式源码带注释下载带尺寸的图片: 前端样式![Alt] 居中的图片: 后端登录 KTV 代码片. /// <summary>/// 定时器事件/// </su ...
C++ 一元二次方程求根，直输方程可含分数（附源码、注释）
写在前面:翻看以前做的程设题,偶然看到这个期末考没做出来的硬茬(当时是一元一次求根),重新写了个升级版,弥补一下遗憾. 力扣题库"求解方程"可过,改一下函数名即可. 目录格式控制 ...
Java系统eclipse和idea都可以SpringBoot 高校宿舍管理系统附源码带论文
Java的SpringBoot 高校宿舍管理系统源码带论文一摘要说明二主要功能描述 2.3.2 用例建模 2.3.3 行为建模 3.1 系统体系结构 3.2 功能模块设计 ER图和数据表设计找 ...
电子木鱼网页版(教学+源码带注释)
近日在网上经常看见电子木鱼的案例,但都是做的小程序,本人就突发奇想,使用css和JavaScript在网页中实现这个功能.于是便有了这个文章.有细致的讲解,也把源码都放在了最后,没有耐心的小伙伴可以直 ...
制作超美的个人网页（附源码带音乐
目录登录界面展示: 页面前端code: 主页面展示: 页面前端code: 自我介绍页面展示: 页面前端code: 图片旋转木马展示页面展示:编辑页面前端code: 结语: 源码: 长恨歌 ...
汇编实验用表格形式显示字符（附源码详细注释和相关注意的知识）
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/qq_40774175/article/ ...
【python】pygame实现植物大战僵尸小游戏（附源码有注释）
全部源码和数据集请点赞关注收藏后评论区留言或私信博主要完全免费~~ 动态演示视频已经上传到我的个人主页有兴趣的伙伴可自行前往观看相信许多小伙伴们都玩过植物大战僵尸这款游戏,可以说是很多人的童年 ...
dom操作获取盒子宽高位置的三种方法,offset/scroll/client三大家族使用详解(附源码及注释)
结论:页面body的高度==视口的高度+滚动条滚动的距离. 这是一个恒等式,看完本篇博客,你将了解offset/scroll/clent三大事件获取宽高位置的具体含义,运用所学内容可以推导出这样的恒等 ...

HTML百度搜索框实现(附源码带注释)

1.百度类效果

HTML百度搜索框实现(附源码带注释)相关推荐

最新文章

热门文章