javascript - 自动填写表单

Question

比如我要申请一个微信公众号，这个账号的申请需要几个步骤，在不同的页面进行，我想能不能在客户端做一个东西，我在本地把信息都输好，到时候直接点击下，直接把输入好的信息发送到公众号申请的表单中，我是前端，只会一点js，有啥方法吗？

Answer 1

类似这样的代码

<input type="text" value="" data-default-value="预设值"/>

$('.btn').on('click', function(){
    $('input[type="text"]').each(function(i, el){
        $(el).val($(el).data('default-value'));
    });
});

Answer 2

如果说要在不同页面切换，本地存储是很好的方式，你可以看一看localstorage.

Answer 3

AJAX可以读取一个静态文件，如：jQuery的 $.getJson() 等。你可以做一个JSON格式（如：info.json）的配置文件，然后读取这个文件，并遍历表单填充即可。

jQuery也有cookie、loaclStorge等插件，可以实现本地存储，这样就不影响跨页面调用。

如果是自己的站点，多个页面其实可以使用锚点跳转（或无刷新跳转）实现，也就是说，始终的操作都在一个页面上，只是根据不同的锚点显示不同的步骤，这样静态数据只需要读取一次即可。

Answer 4

html5的表单from有一个新属性autocomplete（也就是当用户输入一次信息后或者已经有相关信息的情况下，浏览器自动完成表单内容）