首先，在html中引入这两个基本的js脚本
注意一定要引入form.js官方文档是这么写的
如果不加载form模块，select、checkbox、radio等将无法显示，并且无法使用form相关功能
<参考Layui官方文档写几个基本的form组件
<出来的样式是这样的（原本的输入框和选择框长度是占满屏幕的，个人稍微调了一下）
组件功能都能正常使用，而且在各信息框组件中加入了lay-verify验证
如：
<!-- 必选项 -->基本上前端样式没问题了，现在可以写js了
因为会用到jquery，所以先将jquery导入，然后将自己写的test脚本放在body后面，不然会引起找不到节点参数问题
<分析一下页面需求：点击保存按钮，自动存储form表单中已经填入和选好的值，下次再刷新或者进入该页面时，自动填充上次保存的值。
存值方法这里选择localStorage
localstorage使用方法 - bonly-ge - 博客园www.cnblogs.com首先为保存按钮赋一个onclick=save()点击事件然后在test.js中写save()函数
var 这样就通过简单的节点访问获取了文本信息并且保存在loacalStorage中了
下次进入自动填充
document稍微麻烦一点的是选择框内容如何保存，我暂时只想到了这种方案——通过遍历select中option中的文本，做一个本地的数值比对，最后将比对好的下角标保留
const 最后填充
selectNode重置按钮相关函数
//reset按钮无法触发onClick() onreset也无法调用函数 故使用jquery
遗留问题：点击重置按钮会使选择框自动选择上次所保存的选项
原因猜测：form表单自带的reset动作为设置为默认值，也就是html中设置为seleced的选项，而默认函数优先级大于自定义函数
最后贴上整体代码
html
<!DOCTYPE html>
test1.js
const 
1746
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
