利用css制作搜索框输入内容直接跳转到百度搜索的内容

html-css042

利用css制作搜索框输入内容直接跳转到百度搜索的内容,第1张

<form action="http://www.baidu.com/baidu" target="_blank">

<div align="center">

<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/search/img/baidulogo_clarity_80_29.gif" alt="Baidu" border="0" align="bottom"><input type=text name=word size=30>

<input type="submit" value="百度搜索">

</div>

</form>

把代码放在<body></body>标签之间运行一下。

您好,您这样:

<style type="text/css">

input[type="text"]{

width:150px

height:35px

}

input[type="submit"]{

width:37px

height:41px

background:url(11.jpg)

border:#ABADB3 1px solid

border-left:none

cursor:pointer

}

</style>

<input type="text" /><input type="submit" value=" " />

你可以添加很多的搜索条

像雅虎,QQ之类的

一般的网页上都会有

去他们的网站上看看

不过建议还是不要安的好

没什么用

还惹病毒