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

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

双击打开，在里面输入以下代码（见图片）：

接着，在这里面可以自由编辑。如果你想把网页变得漂亮些，您需要用到css。

css在styletype=text/css/style里面写。

咱们先做标题，代码见图片：

我们再做搜索框，代码如图：

但是，我们想让它按下回车或按钮，都能搜索到内容，怎么办呢？这时候，我们需要往input加一些代码，再填上form和script标签。

图中是所有代码，可以照着试一下：

最后效果大家把后缀名改为*.html，就可以看见了。

好了，今天就学到这，祝您学习愉快！

----------------------------------------------------------------------

本文部分内容来自于两条经验，页面网址如下：

如果觉得用style标签麻烦，可以把里面的代码放到一个文本文档里，修改后缀名为*.css，再往head标签里写上

script标签里中的keyCode == 13是指向回车，不要修改成Enter。

里面脚本有误，可以用浏览器测试一下

最好把改成，也把script标签里的$(input)改为$(input)。