时间戳

首页 > 解决方案 > 如何使用查询参数预填充单选按钮？

html - 如何使用查询参数预填充单选按钮？

问题描述

我想在重定向到某个网站时预填充无线电输入。我没有对该网站的内部访问权限，所以我发现的唯一方法是使用查询参数。该网站中有不同类型的输入。我面临的问题是预填充单选按钮。

表单内的单选按钮如下所示，

<input type="radio" name="cate" id="cate1" value="1" style="font-size: bold">
<label for="cate1" style="font-size: bold">Category 1</label>
<br>
<input type="radio" name="cate" id="cate2" value="2" style="font-size: bold">
<label for="cate2" style="font-size: bold">Category 2</label>
br
<input type="radio" name="cate" id="cate3" value="3" style="font-size: bold">
<label for="cate3" style="font-size: bold">Category 3</label>

我尝试使用查询参数自动填充这些单选按钮，

domain.com?cate=1

但这不起作用。我的意思是单选按钮不会被选中。

有没有办法使用查询参数预填充这些按钮？

标签： htmlformsautofill

解决方案

不。

允许任意第三方站点使用链接导致访问者的浏览器在不同站点上预先填写表单将是一个严重的安全风险。

您需要该站点使用一种编程语言（通常是服务器端，但您也可以使用客户端 JavaScript）来解析查询字符串，然后设置checked关联输入的属性（或checked通过 DOM 中的属性）客户端JS的情况）。

推荐阅读