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

html-css024

利用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>标签之间运行一下。

先画一个图标“搜索”的图片

写HTML的标签代码

后期在用CSS去美化搭配颜色

HTML:<input type="text" value="找课程"  class="" name="" id="">

有需要用到javascript的就用javascript代码

CSS美化要自己去定义“长度”+“高度”+“背景”+“字体颜色,字体大小”

下拉框原理一样

<select> <option value="iwen" selected id="iwem">iwem<option> </select>