实现代码:! 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。 步骤是一样的。