html 制作简单的搜索功能
点击按钮后 网址跳转到 www.xx.com/search=123 的搜索内容 展开
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 制作简单的搜索功能方法：
方法/步骤
1、首先，打开建了一半的网页或者是新建一个页面，建议用HTML5。
2、然后，开始编写代码。搜索框要有输入框和搜索按钮两部分组成，用的都是input
3、会在input框的外面再套一个标签，仿照百度搜索的样子，在input的外面套了一个span标签，在最外层套了一个form表单
4、第一个input框是用来输入文字的，其type类型应该是text,第二个是搜索的，type类型是submit(提交)，
5、这样一个简单的搜索框，可以在浏览器中查看一下。可以看到两个框之间是有一定的距离的，这个就需要重新定位提交按钮的位置
6、采用的是relative定位方法，将第二个input框的位置定位为left-:10px。这样刚好和前面的输入框的边重合
7、这样一个基本的搜索框就做好了，可以再调整一下框的高度和宽度，以及整体的位置，使得这个搜索框更加美观大方。
<!DOCTYPE html>
<html>
<head>
<title>百度一下</title>
<meta charset="utf-8" />
</head>
<body>
<form action="http://www.baidu.com/s" method="get">
<input type="text" name="w" />
<input type="submit" value="百度一下" />
</form>
</body>
</html>
你好 好象手机就不支持了 不知道是什么原因
可以啊,你怎么测的
