如何使用json动态生成from表单

2025-04-23 06:54:54

1、首先创建generate文件夹,结构如下图红色箭头所示。

如何使用json动态生成from表单

2、在demo文件夹下新建json.js文件和test.html文件,如下图所示。

如何使用json动态生成from表单

3、在dist文件夹下引入form-create.js文件。

如何使用json动态生成from表单

4、在test.html文件中引入函数当点击“点击生成”文字时调用。

如何使用json动态生成from表单

5、在test.html的上一步被调函数中使用下面语句调用json.js文件中的“jsonMock”函数,具体代码见下图。

如何使用json动态生成from表单

6、在json.js文件中,定义表单生成的内容,具体代码见下图。

如何使用json动态生成from表单

7、最后看一下生成效果,点击下面第一个图的“点击生成”,进入下面图二所示效果。

如何使用json动态生成from表单
如何使用json动态生成from表单
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢