AutoFill表单流程是指自动填充表单的流程。在网站上,当用户填写了一部分数据并保存后,下次再访问相同页面时,网站可以使用自动填充功能将用户填写的数据自动填充到相应的表单输入框中,从而方便用户快速完成操作。
以下是一个使用jQuery实现自动填充表单流程的示例代码:
$(document).ready(function(){ if (localStorage.getItem('savedData')) { // 从本地存储中获取数据 var data = JSON.parse(localStorage.getItem('savedData')); // 使用自动填充功能对表单进行填充 $('input[name="name"]').val(data.name); $('input[name="email"]').val(data.email); $('input[name="phone"]').val(data.phone); } });
$('form').submit(function(){ // 将表单数据保存到本地存储中 var data = { name: $('input[name="name"]').val(), email: $('input[name="email"]').val(), phone: $('input[name="phone"]').val() }; localStorage.setItem('savedData', JSON.stringify(data)); });