在網頁開發中，Form 表單是常用的數據提交方式，通過設置表單的數據格式，我們可以更好地管理數據，方便后續的數據處理和展示。現在，越來越多的開發者開始使用 JSON 數據格式作為表單數據的傳輸格式，因為 JSON 有著簡潔明了、易于解析的特點。下面我們來看看如何在表單中設置 JSON 格式的數據。

<form id="myForm">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="age">年齡:</label>
<input type="number" id="age" name="age"><br>
<label for="email">郵箱:</label>
<input type="email" id="email" name="email"><br>
<button type="button" onclick="submitForm()">提交</button>
</form>

以上是一個簡單的表單的 HTML 代碼，我們可以看到每個表單控件都有一個 name 屬性，這個屬性非常重要，因為后續我們會以這個屬性的值作為 JSON 中的 key。提交按鈕的 onclick 事件會觸發 submitForm() 函數，下面我們來看看這個函數的代碼。

function submitForm() {
var formData = {};
var formElements = document.getElementById("myForm").elements;
for (var i = 0; i < formElements.length; i++) {
formData[formElements[i].name] = formElements[i].value;
}
var jsonData = JSON.stringify(formData);
console.log(jsonData);
}

submitForm() 函數實現了將表單數據轉為 JSON 格式的功能，首先創建一個空對象 formData，然后通過表單的 elements 屬性獲取到所有的表單控件，遍歷表單控件，將 name 屬性作為 key，value 屬性作為值，存儲到 formData 對象中。最后，調用 JSON.stringify() 方法將 formData 轉為 JSON 字符串，輸出到控制臺中。

通過以上的代碼，我們就可以在表單中使用 JSON 數據格式了，方便后續的數據處理和展示。