如何用原生JavaScript和HTML将form-string填充至空表单？

当然有更简洁的原生实现方式，一行代码就能搞定——利用现代浏览器支持的HTMLFormElement.setFormData()方法，结合URLSearchParams解析form-string：

document.getElementById('your-form-id').setFormData(new FormData(new URLSearchParams('key1=value1&key2=value2')));

细节说明 #

• 解析form-string：URLSearchParams会自动处理URL编码的字符（比如%20或+表示的空格），正确解析键值对。
• 填充表单：setFormData()方法会自动匹配表单中name属性与解析出的键名一致的控件，包括输入框、下拉选择框、文本域等，无需手动遍历DOM。
• 兼容性：该方法支持Chrome 86+、Firefox 79+、Edge 86+等现代浏览器；如果需要兼容更旧的浏览器，还是得用遍历DOM的传统方式，但对于大多数现代项目来说，这个一行代码的方案足够简洁高效。

内容的提问来源于stack exchange，提问作者ebc34