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

 时间:2024-10-12 09:13:55

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表单
  • 客厅有一条柱子的房子如何处理
  • 8端口lcdkvm切换器连接方式及配线
  • 数码网桥——不用进 WEB管理页面的快速配置方法
  • 嘴唇发紫是什么原因
  • 铁树的养殖方法和注意事项
  • 热门搜索
    鸡爪怎么烧简单又好吃 皮肤干燥起皮怎么办才能有效啊 及格率怎么算 怎么算利息 公积金怎么贷款 橡皮英语怎么读 葡萄用英语怎么说 苹果手机怎么下载视频 分数除法怎么算 手机怎么连接打印机