html 制作简单的搜索功能

1.打开Hbuilder编辑器，创建一个输入框和一个按钮，水平放置。

2.首先，将“#7FCC0B”颜色的边框添加到输入框中，设置宽度和高度。然后，设置按钮按钮的白色字体和背景色“#7FCC0B”。

3.按CRTL+s可以在软件的右边看到最终的效果。这就是如何在HTML中创建一个搜索框。

扩展资料：

1. 语言概述

WWW上的超媒体文档称为页面。作为组织或个人在万维网上的起点的页面称为主页，而主页通常包含指向其他相关页面或其他节点的指针(超链接)。从逻辑上讲作为一个整体处理的一系列页面的有机集合称为一个网站(网站或Web)。

Web页面，也称为Web页面，在这里没有区别。

2. 规范和标准

HTML是一种规范，一种标准，它使用标记符号来标记要显示的web页面的各个部分。web文件本身是一个文本文件，通过在文本文件中添加标记，您可以告诉浏览器如何显示内容(例如，如何处理文本、如何安排图片、如何显示图片等)。

浏览器依次读取网页文件，然后根据标记解释并显示其标记的内容。错误的标记不会被指出，也不会停止其解释的执行。编译器只能通过显示效果来分析错误的原因和部分原因。但是，需要注意的是，不同的浏览器可能对相同的标记有不同的解释，并且可能具有不同的显示效果。

3.标记语言

HTML被称为超文本标记语言，因为文本包含所谓的“超链接”点—URL指针，使浏览器能够通过激活(单击)新网页来轻松检索它们。这是为什么HTML被广泛使用的最重要的原因之一。

因此，Web页面的本质是HTML，通过结合其他Web技术(如脚本语言、CGI、组件等)可以创建功能强大的Web页面。因此，HTML是Web编程的基础，这意味着万维网是基于超文本的。

HTML帮助文件添加目录和索引

现在的HTML帮助是不是很不合你的心意，就只有那么一个框架，所有主题的查看只能靠页面的超级链接。如果加上目录和索引，肯定会更美观，更方便……动手吧！

选择“Project”标签右边的“Contents”标签，这时d出一个“Table of Contentss Not Specified”对话框，并询问你是新创建一个目录文件还打开一个已有的目录文件。当然，我们应该选择创建。在尔后出现的“另存为”文件对话框中输入Learn目录下的“Learn”，单击“保存”按钮，扩展名(.HHC)会自动加的。

一个空的'目录文件已经打开了，你得通过“Contents”标签左边的一列按钮为我们的“Learn.hhc”添加内容了。找到“Insert a heading”按钮了吗，它的作用是添加一个标题，在HTML中，标题是用一个目录图标显示的，当然，这个图标可以更改。

单击“Insert a heading”按钮，打开“Table of Contents Entry”对话框，在“Entry title”栏中输入这个标题的名称。如果你这个标题不需要链接到某个主题，直接单击“确定”按钮即可；否则，请单击“Entry title”栏下面的“Add…”按钮，从打开的“Path or URL”对话框中选择一个主题；重复 *** 作可以选择多个主题。

“Insert a heading”按钮下面是“Insert a page”按钮，这个按钮用于添加页面。单击这个按钮同样打开“Table of Contents Entry”对话框， *** 作过程与添加标题基本一样，唯一的差别就是页面必须链接到某个主题，而标题不必。

另外有两个按钮“Edit selection”和“Delete selection”，一个是修改目录项，一个是删除目录项，我想就不用多说了吧！

现在，你是否注意到“Contents”标签中的内容跟Windows的资源管理器类似，也采用了树型结构？很好，记住这一点，这有助于你理解将要介绍四个箭头符号按钮的作用。这四个按钮在上面介绍的四个按钮下面，一目了然。上、下两个箭头很好理解，就是将选中的目录项上移或下移；左、右两个箭头则是用于改变名目录项的包含关系，把标题看成Windows资源管理器中的目录，把页面看成是文件，其包含关系便很好理解了。看看下面，就是这样……

---