有没有办法制作 URL 以更快地填写表格？

Question

这与其说是编码查询，不如说是寻求一些关于 hack 的帮助。

对于具有输入框的网页，是否可以直接使用数据键入 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;
});