是否可以在特定页面上将文本输入作为 URL 参数传递?

Is it possible to pass a text input as a URL parameter on a particular page?

提问人:akashavkin 提问时间:8/21/2023 最后编辑:akashavkin 更新时间:8/21/2023 访问量:39

问:

我想将文本输入参数作为 URL 传递给 coa.edu.mirantis.com/tool

在检查器中,我可以看到它具有以下参数:

    render() {
        return <form onSubmit={this.handleSubmit}>
            <div className="row">
            <div className="col-sm-6">
                <label>
                    Certificate ID #:
                </label>
                <input
                        type="text"
                        name="cert"
                        placeholder="Ex: COA-1111-2222-3333"
                        value={this.state.cert}
                        className="form-control"
                        onChange={this.handleChange}/>
            </div>
            <div className="col-sm-6">
                <label>
                    Name as it appears on certificate:
                </label>
                <input
                    type="text"
                    name="name"
                    value={this.state.name}
                    className="form-control"
                    onChange={this.handleChange}/>
            </div>
            </div>
            <div className="row">
                <div className="col-sm-12">
                    <input type="submit" value="Verify" className="verify-btn"/>
                </div>
            </div>
        </form>

    }

并尝试在URL参数中传递输入,当输入地址栏时,如下所示:

https://coa.edu.mirantis.com/tool?cert=COA-2300-110711-0100&name=Alexey+Kashavkin

但这行不通。页面打开时没有我的值作为默认值。

同样在检查器中,我可以在单击验证后看到 URL:

https://coa.edu.mirantis.com/verify/?cert=COA-2300-110711-0100&name=Alexey+Kashavkin

如果我在浏览器地址栏中输入该 URL,我会将 json 输出作为页面。

也许我需要以其他方式将参数传递给 URL,否则它无论如何都不起作用?

我需要将此链接添加到我网站上的图像中,当我单击该图像时,它会打开一个已经包含证书验证结果的网站。早些时候我用 selenium 用 python 编写了一个脚本,但我很难将这个脚本正确地添加到站点,或者看起来我不能在站点上使用它,仅供本地使用。

HTML URL 参数传递

评论

0赞 Rob 8/21/2023
请注意,<input> 标记不使用,也不需要右斜杠,并且从未在任何 HTML 规范中使用。
0赞 Mechanic 8/21/2023
他们必须有一些 JavaScript 代码才能从 URL 中读取;所以你可以传递数据,否则就忘记了
0赞 akashavkin 8/21/2023
@Mechanic是的,谢谢,我确实读过该网站应该有和属性,但我想确保情况确实如此。actionmethod

答:

1赞 Quentin 8/21/2023 #1

要使用通过 URL(或任何其他机制)传入的数据填充输入,使用这些输入为 HTML 提供服务的网站需要编写代码来执行此操作。

您无法创建在任意第三方网站上预填充表单的链接。如果可以的话,这将是一个安全问题。

评论

0赞 akashavkin 8/21/2023
谢谢,我以为可能是这种情况,但我想我会澄清一下。我读到JS应该有和属性。methodactioninput
0赞 Quentin 8/21/2023
@akashavkin — 没有。这些是不是 JS 功能的 HTML 属性/元素。 并且不是元素上允许的属性。只有该属性会导致 an 被预填充。methodactioninputvalueinput