html5输入框左边有一个放大镜图标,右边有按钮点击触发搜索
展开全部
html5输入框左边有一个放大镜图标,右边有按钮点击触发搜索的代码如下：
1.HTML5的特性：
语义特性
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
本地存储特性
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。
设备兼容特性
从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
2.html5的优点：
提高可用性和改进用户的友好体验；
有几个新的标签，这将有助于开发人员定义重要的内容；
可以给站点带来更多的多媒体元素(视频和音频)；
可以很好的替代FLASH和Silverlight；
涉及到网站的抓取和索引的时候，对于SEO很友好；
将被大量应用于移动应用程序和游戏。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
.search-box{border:1px solid #333;}
div{float:left;}
.search-btn{display:inline-block;width:20px;height:20px;background:url(http://pic.58pic.com/58pic/14/64/72/27K58PICFYV_1024.jpg);background-size: 100%;}
input{border:none;}
</style>
<body>
<div class="search-box">
<div>
<span class="search-btn"></span>
</div>
<div>
<input type="text" placeholder="搜索" class="search-txt" />
</div>
</div>
<script type="text/javascript">
//.search-btn加点击事件就可以了
</script>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把type中的text类型改成search值后，其实也没有多大改变，只不过在搜索框右侧多了一个删除按钮，点击删除可以清楚搜索框里的内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
