有没有一种方法可以设计URL来更快地填写表格？

Question

与其说是编码查询，不如说是在黑客中寻求帮助。

对于具有输入框的网页，是否可以直接用数据键入URL，以便整个页面都加载有预填充的字段，而无需其他人通过每个下拉框来选择选项？

例如，如何为以下表单设计URL，以便预先填写3个框，并且有人可以直接单击“搜索”？试过这个：

https://members.myactivesg.com/facilities/quick-booking?activity_id=18&venue_id=850&chosen_date=2020-08-08

但这不起作用。

Answer 1

仅使用URL参数并将其添加到表单输入中。确保值的格式与有效值匹配。您是否应该使用此HTML：

<form>
    <input type="number" name="activity_id" id="activity_id">
    <input type="number" name="venue_id" id="venue_id">
    <input type="date" name="chosen_date" id="chosen_date">
</form>

然后您可以使用此JS：

const qs = window.location.search;
const params = new URLSearchParams(qs);
const entries = params.entries();

entries.forEach(([k, v]) => {
    document.getElementById(k).value = v;
});