html制作一个搜索框,代码是什么?

html-css015

html制作一个搜索框,代码是什么?,第1张

html制作一个搜索框,代码是:testvarNS4=(document.layers)//Whichbrowser?

html的运用范围:

html:即超文本标记语言,它是标准通用标记语言下的一个应用,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素,超文本标记语言的结构包括“头”部分(Head)、和“主体”部分(Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容,它包含了许多的功能:

1、HTML语言概述:在WWW上的一个超媒体文档称之为一个页面(page)。作为一个组织或个人在万维网上开始点的页面称为主页Homepage,其中通常包括有指向其他相关页面或其他节点的指针(超级链接)。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Web)。而Web页面也就是通常所说的网页。

2、HTML规范标准:HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,根据标记符解释和其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,在不同的浏览器,同一标记符可能会有不完全相同的解释,所以会有不同的显示效果。

3、标记语言:HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。而这也是HTML能够获得广泛应用的重要的原因之一。

总结:网页的本质就是由许多不同的HTML组成,通过结合使用其他的Web技术(如:脚本语言、CGI、组件等),可以创造出功能强大的网页。因此,HTML是Web编程的基础。

<div class="header-search">

<form class="right-search" action="http://www.baidu.com/s">

<input type='hidden' name='scope' value='project'/>

<input type="text" class="search-text" placeholder="项目查找" name="q">

<button type="submit" class="search-ic">搜索</button>

</form>

</div>

.header-search{

width: 300px

height: 70px

margin:19px 0 0 10px

float: left

display: inline-block

}

.right-search{

height: 35px

width: 300px

display: inline-block

position: relative

}

.header-search .search-text {

width: 300px

height: 35px

color: #bababa

font-size: 14px

border: 1px cadetblue solid

border-right: 0

line-height: 35px

padding-left: 10px

background: #f9f9f9

float: left

border-radius: 5px 0 0 5px

box-sizing: border-box

}

.header-search .search-ic {

width: 40px

height: 35px

line-height: 35px

cursor: pointer

float: right

border-radius: 0 5px 5px 0

background: cadetblue

border:1px solid cadetblue

position: absolute

}