首页 > 编程知识 正文

html制作百度搜索页面,html如何制作搜索功能

时间:2023-05-05 19:42:02 阅读:175450 作者:529

实现代码:! doctypehtmlhtmlheadmetacharset=' utf-8 ' title/titlestyletype=' text/CSS ' form.text { display 3360 inline-block width: 260px; height: 35px; 字体大小: 14px; outline: none; border: 2px solid #01af63; }form .search {width: 90px; height: 38px; border: 0; outline: none; cursor: pointer; /* cursor: pointer; 悬停或单击鼠标时,button时鼠标变为其他图标*/text-align: center; line-height: 40px; background-color: #01af63; color: #FFFFFF; }/style/headbodyformtarget=' _ blank ' method=' get ' action=' https://www.Baidu.com/s ' input type=' text ' pland

在输入框中输入想要搜索的内容,点击按钮完成百度搜索

业务逻辑:

主要通过form表单的action属性实现form action='URL' (URL是表单提交时将表单数据发送到哪里),在输入框中输入内容后,点击按钮输入

URL有以下两种。

绝对URL -指向另一个站点(例如,action='http://www.xxx.com ' ) ) ) ) )。

相对URL -指向站点中的文件。 例如,action='xxx.html '

实现检索功能的URL在哪里找?

最简单的方法是无知的未来们可以自由地寻找搜索引擎进行搜索业务。 点击搜索按钮跳转后,无知的未来们会将目光投向地址栏,使用百度引擎进行例冷猎豹搜索,完成地址栏,结果如下。 只需将问号前的一系列内容放入form表单的action属性中即可实现百度引擎的搜索。 为什么是问号前面的内容? 这是百度请求搜索功能服务器的URL,所以感兴趣的无知未来可以看到axios文档。 也可以获得其他搜索引擎的URL。 步骤是一样的。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。