html搜索框怎么做

 时间:2024-10-15 04:20:36

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

工具/原料

浏览器

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

方法/步骤

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,就可以看见了。好了,今天就学到这,祝您学习愉快!------------------幻腾寂埒----------------------------------------------------本文部分内容来自于两条经验,页面网址如下:

如何在HTML中插入图片 网页设计HTML中如何插入背景图片 如何在html中添加音频文件 HTML网页怎么设置圆角边框 HTML代码如何去除超链接的下划线
热门搜索
徐静蕾图片 臭牡丹图片 本田urv报价及图片 偷窥漫画第一季 蓝胖子图片