html这种怎么写？放大镜，还有搜索按钮都在文本框内。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html这种怎么写？放大镜，还有搜索按钮都在文本框内。相关的知识，希望对你有一定的参考价值。
参考技术A 这不是一个文本框，其实是一个div只有中间部分是文本框，用css样式控制实现这种效果，打开看一下源码就知道是怎么回事 参考技术B 放大镜是个背景，必须使用CSS才可以实现，CSS属性中有个 Background-image如果不会用只能再搜索了....
那几个字是js实现的，当一点击文本框就会消失，是用的onclikc事件 参考技术C 一个div 中间是一个图片←浮动，然后是文本框←浮动，然后是按钮←浮动，都去掉边框，然后在外面的div加上边框，就这样的
如何使用在html文档中搜索文本的javascript制作功能搜索框[重复]
【中文标题】如何使用在html文档中搜索文本的javascript制作功能搜索框[重复]【英文标题】：How to make a functional search box using javascript that searches text in html document [duplicate] 【发布时间】：2021-07-23 14:10:07 【问题描述】：我有一个像这样的 html 文档，并希望搜索框中的文本在单击按钮的部分中突出显示。我该怎么做？
<html>
<head>
<title>Document</title>
</head>
<body>
<input type="text" id="search">
<button>????</button>
<section>
Lorem ipsum dolor sit amet consectetur adipisicing elit. In, eius voluptas non consectetur, quisquam, eum
voluptate ipsam recusandae amet possimus hic animi. Exercitationem provident maiores aspernatur consequuntur
modi laudantium? Iure iusto similique, deleniti fuga provident enim ullam! Eum assumenda facilis tempore
corporis dignissimos inventore. Ipsum esse, numquam harum vero atque libero reiciendis magnte, quo vero.
</section>
</body>
</html>感谢每一个帮助
【问题讨论】：
只需遍历<section>中的文本并检查文本是否与您的输入值相同，如果是，突出显示它
【参考方案1】：
我建议你找一些工具或库来为你做这件事。让它恰到好处可能很困难。可以是高级搜索，例如 Google 可编程搜索的实现，也可以是较小的搜索，例如 https://github.com/julmot/mark.js
那里有足够多的重新发明的***:)
【讨论】：
以上是关于html这种怎么写？放大镜，还有搜索按钮都在文本框内。的主要内容，如果未能解决你的问题，请参考以下文章