<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>请使用支持HTML5的现代浏览器。使用chrome可以体验语音搜索效果。</title>
<style type="text/css">
.search_form{position:relative; height:31px; margin:60px;display:inline-block;}
.search_form:hover{-webkit-box-shadow:0 0 3px #999;-moz-box-shadow:0 0 3px #999}
.sinput{float:left; width:200px; height:21px; line-height:21px; padding:4px 7px; color:b3b3b3; border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}
.sbtn{
float:left;
width:50px;
height:31px;
padding:0 12px;
margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #4d90fe; background-color:#4d90fe; cursor:pointer; display:inline-block; font-size:12px; vertical-align:middle; color:#f3f7fc;position:absolute;}
.sbtn:hover{background:#4084f2}
</style>
</head>
<body>
<form action="#" method="get" class="search_form"> <input type="text" name="s" class="sinput" placeholder="输入 回车搜索" autofocus x-webkit-speech> <input type="submit" value="搜索" class="sbtn"> </form>
</body>
</html>
分享到:
相关推荐
HTML5、CSS3和JavaScript是构建现代网页和应用程序的核心技术,它们共同构成了Web开发的三驾马车。在本篇文章中,我们将深入探讨这三种技术的详细知识点,并结合《精通html5+css3+JavaScript页面设计》这本书中的...
HTML5和CSS3是现代网页设计的两大核心技术,它们为创建功能丰富、视觉吸引人的网页提供了强大的工具。这个"HTML5+CSS3网页设计模板(30例)"压缩包文件包含了一系列现成的设计模板,适合初学者和专业设计师用于学习和...
HTML5和CSS3是现代网页开发的两大核心技术,它们共同构建了丰富、动态且响应式的网页界面。HTML5是超文本标记语言的最新版本,它引入了许多新的元素、属性和API,旨在提升网页的结构化和语义化,以及增强其多媒体...
HTML5+CSS3 网站设计基础教程知识点总结 《HTML5+CSS3 网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容。本课程旨在让学生了解网页开发...
4. **表单增强**:HTML5提供了新的表单控件,如日期选择器、搜索框、电子邮件输入等,以及对表单验证的支持,提高了用户体验和数据准确性。 CSS3(Cascading Style Sheets Level 3)是CSS的最新版本,它扩展了样式...
HTML5+CSS3网页设计与制作_源代码.rar
HTML5和CSS3是现代网页设计的基石,它们极大地提升了网页的交互性和视觉表现力。在"HTML5+CSS3网站设计基础教程"中,你可以深入学习这两种技术的基础知识,从而构建出美观、功能丰富的网站。 HTML5是第五代超文本...
HTML5和CSS3是现代网页开发的两大核心技术,它们共同为网页设计师和开发者提供了丰富的功能和优雅的表现形式。本资源包含83套精心设计的HTML5+CSS3+DIV网页模板,这些模板不仅展示了这两项技术的强大组合,还为学习...
HTML5和CSS3是现代网页开发的两大核心技术,它们的结合使用极大地提升了Web设计的效率和用户体验。HTML5作为超文本标记语言的最新版本,引入了许多新的元素、属性和API,旨在使网页内容更加结构化,同时增强了离线...
HTML5+Div+CSS3是现代网页设计与开发的核心技术,它们共同构成了网站的结构、样式和交互。本文将深入探讨这些技术,并基于"html5+div+css3网站样式模板"这一主题,阐述相关知识点。 HTML5是超文本标记语言...
HTML5和CSS3是现代网页开发的两大核心技术,它们共同为网页提供了丰富的表现力和强大的交互性。HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,而CSS3则是层叠样式表(Cascading Style Sheets)...
HTML5、CSS3和JavaScript是构建现代网页的三大核心技术,它们共同构成了网页的结构、样式和行为。这个压缩包文件“HTML5+CSS3+JavaScript网页制作从入门到精通054245【实例示例源程序】”显然包含了丰富的学习资源,...
响应式 Web 开发项目教程(HTML5+CSS3+Bootstrap)第 2 版第 1 章 HTML5+CSS3 初体验课后练习 本资源涉及到的知识点包括 HTML5、CSS3、Bootstrap 等响应式 Web 开发技术。下面是对每个知识点的详细解释: 一、 ...
在本项目中,"HTML5+CSS3+JavaScript 网页设计与制作期末综合大作业 杭帮美食五个页面" 提供了一个实践性的学习机会,让学生深入理解并应用前端开发技术,特别是针对网页设计与制作。这个项目以“杭帮美食”为主题,...
HTML5 和 CSS3 面试题答案 HTML5 和 CSS3 是当前 Web 开发中两个非常重要的技术,以下是关于 HTML5 和 CSS3 的一些常见面试题答案: 优雅降级和渐进增强 优雅降级(Gracious Degradation)和渐进增强...
HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉效果出色的移动商城提供了强大的支持。在这个“HTML5+CSS3移动商城-购物车”项目中,我们将探讨如何利用这两种技术来实现一个功能完备且用户体验...
HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉效果出色的后台管理系统提供了强大的支持。本文将详细解析"几套HTML5+css3后台模板"中的核心概念,以及如何利用这些技术来构建高效且美观的管理...
HTML高仿Mac桌面(HTML5+CSS3+Bootstrap)源代码 HTML高仿Mac桌面(HTML5+CSS3+Bootstrap)源代码 HTML高仿Mac桌面(HTML5+CSS3+Bootstrap)源代码 HTML高仿Mac桌面(HTML5+CSS3+Bootstrap)源代码 HTML高仿Mac桌面...
最新因项目需要,就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能,可以发微信表情,查看图片、视频… 由于代码较长,小编打包了。需要的朋友点击下载。 具体代码如下所示: ...
html5+css3+js动态气泡背景用户登录页面模板,适用于个性化的网页设计的登录页面。html+css+js网页设计、大学生网页课程设计、期末大作业、毕业设计、网页模板,DW网页成品源代码等,2000+套Web案例源码,优质文章,...