养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html搜索框怎么做

时间:2024-10-15 02:30:20

我们在网上导航经常看到搜索框,有些程序员不知道怎么做,本经验将带你们怎么做。

工具/原料

浏览器

编辑器(没有可用系统自带的记事本,编辑器哪个都行)

方法/步骤

1、由于作者把原来的编辑器卸载了,我就用记事本来给大家演示。该经验通过Windows10系统来演示。

2、首先,新建一个文本文档,名字叫搜索框,后缀名先暂时不改。

html搜索框怎么做

3、双击打开,在里面输入以下代码(见图片):

html搜索框怎么做

4、接着,在这里面可以自由编辑。如果你想把网页变谀薜频扰得漂亮些,您需要用到css。css在<styletype="text/css"></style>里面写。

5、咱们先做标题,代码见图片:

html搜索框怎么做

6、我们再做搜索框,代码如图:

html搜索框怎么做

7、但是,我们想让它按下回车或按钮,都能搜索到内容,怎么办呢?这时候,我们需要往i艘绒庳焰nput加一些代码,再填上form和script标签。

html搜索框怎么做

8、图中是所有代码,可以照着试一下:

html搜索框怎么做

9、最后效果大家把后缀名改为*.htm盟敢势袂l,就可以看见了。好了,今天就学到这,祝您学习愉快!------------------幻腾寂埒----------------------------------------------------本文部分内容来自于两条经验,页面网址如下:

© 一点知识