18910140161

HTML-表单输入名称(Instagram)-堆栈溢出

顺晟科技

2022-10-19 12:45:06

187

我是HTML/CSS新手,有一个问题我无法通过谷歌解决。

我已经设置了一个搜索框,可以将您带到Google。

这适用于谷歌,您可以键入搜索,单击按钮,然后将搜索带到谷歌。

但是当我在Instagram上尝试相同的操作时,会出现错误页面。

示例如果键入#coding,它会将您带到此页面: https://www.instagram.com/explore/tags/?q=23coding

而不是本页: https://www.instagram.com/explore/tags/coding/

不知道我做错了什么,请给我任何建议:)


顺晟科技:

Google接受GET param作为字符串进行搜索。因此,您的第一个表单可以根据需要工作。 而instagram则将搜索查询添加到URL中。

您需要一些JS的帮助来使第二个表单按需要工作:

<form action="https://www.google.co.uk/search"target="_blank">
        <input type="text" name="q">
        <button>Search Google</button>
    </form>

工作示例:https://jsfiddle.net/asertfy5/1/

下面有一种方法,似乎可以满足您所写的请求;解释在代码中作为注释:

JS Fiddle demo.

请注意,虽然上面的代码在JS Fiddle和堆栈代码段之间是相同的,但由于沙箱的安全限制,堆栈代码段在堆栈溢出时无法工作,因此请在链接的JS Fiddle.

中进行测试

我觉得值得补充的是,在我的测试过程中,Instagram的URL是按照您的要求创建的,但是Instagram站点阻止了页面的加载。这可能是(也可能不是)我的结果,但是虽然我可以验证打开的页面的URL是否与您的请求匹配,但我无法验证它是否加载了您所需的内容。

引用:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航