Javascript 如何在一个html页面中为多个html表单编写json模式？

我正在使用HTML以及引导程序和angular

我有两张表格（同一页，不嵌套）

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

如何为该文件编写JSON模式？我们需要为两个表单编写单独的代码吗

Form 1: 
name=SearchForm                             

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

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

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

提前谢谢

搜寻 html

---

您不需要创建json模式模型，而是自动创建的，您只需要命名模型。第一个表单可以，但当我单击“添加详细信息”（主题标记按钮）时，它正在提交表单数据，但函数名和模型不同。我们可以同时使用ng submit和ng click吗。会不会有点乱。console.log工作正常。感谢@Harish98的回答，但我需要为这两种表单编写一个JSON模式。如何编写JSON模式。但据我所知，@Harish98应该在表单级别使用ng submit。可以与按钮一起使用吗？使用ng单击按钮。ng提交用于表单级别。我们需要在表单ng submit旁边添加属性来发布表单数据，第一个表单可以，但是当我添加下一个细节（主题标记）时，它正在提交表单数据，但是函数名和模型不同。我们可以同时使用ng submit和ng click吗。会不会有点乱。控制台工作正常。

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

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

<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
    }