制作简单的网页搜索框

详细操作

首先，我们打开自己建了一半的网页或者是新建一个页面，个人建议用HTML5。

然后，我们开始编写代码。搜索框要有输入框和搜索按钮两部分组成，我用的都是input

我们会在input框的外面再套一个标签，我是仿照百度搜索的样子，在input的外面套了一个span标签，在最外层套了一个form表单

我们的第一个input框是用来输入文字的，其type类型应该是text,第二个是搜索的，我用的type类型是submit(提交)，

这样一个简单的搜索框就算是做出来了，我们可以在浏览器中查看一下。可以看到两个框之间是有一定的距离的，这个就需要我们重新定位提交按钮的位置

我采用的是relative定位方法，将第二个input框的位置定位为left-:10px。这样刚好和前面的输入框的边重合

这样一个基本的搜索框就做好了，我们可以再调整一下框的高度和宽度，以及整体的位置，使得这个搜索框更加美观大方。

用户类似问题：

问题1：请问这种网页搜索框怎么做呢？

position定位调整即可。 >>详细

问题2：js制作简易搜索框

function goto(){ var caixi=document.getElementById("caixi").value var diqu=document.getElementById("diqu").value window.open("http://网址/list-catid-"+caixi+"-aid-"+diqu); } >>详细

问题3：网页中的搜索框如何制作

呵呵,那是站内搜索引擎，需要用到数据库！你看到的只是它外表，那没实质！实质语句很多，手机字数不够！外表可以说是皮肤，很简单的！ >>详细

问题4：网页中搜索框这个是怎么做的

是div 百度 搜索 提示 好多例子 >>详细

问题5：如何用dreamweaver在网页上做一个搜索栏

无标题文档 function encode(s){ return s.replace(/&/g,"&").replace(//g,">").replace(/ >>详细