我们如何在一个HTML页面中为多个HTML表单编写JSON模式？

Question

我正在将HTML与Bootstrap和angular一起使用。

我有2种形式（同一页面，没有嵌套），

• 搜索表单（使用Spring Boot从数据库获取数据）
• 用于将数据插入数据库的输入表单

如何为该文件编写JSON模式？ 我们是否需要为两种形式编写单独的代码？

Form 1: 
name=SearchForm                             

Form 2:
name=inputForm
1. Name
2. Age
3. Sports 
    - 1.Cricket
    - 2.Soccer
    - 3.Tennis

-单击时可输入其他详细信息的按钮（数组类型）

--Marks in Subject 1
- Marks in Subject 2
- Marks in Subject 3
- Marks in Subject 4
- Marks in Subject 5

另外，请推荐一些我可以参考的JSON书籍。

提前致谢。

Answer 1

1. 搜索html

    <input type="search" ng-model="searchData"> 

angualrjs脚本

现在$ scope.searchData包含输入值。 用它来过滤搜索数据

2.将表单详细信息提交给db

<form name="inputForm">
<input type="text" ng-model="formData.name">
<input type="text" ng-model="formData.age">
<button ng-click="formSubmit(formData)"></button>
</form>

脚本代码：

 $scope.formSubmit=function(formData){
      //formData contains the form data in json schema
     console.log(formData);
    //now pass the formData to your db
    }