form表格是一種常見的HTML元素，可以用于收集用戶輸入的數(shù)據(jù)。通常情況下，我們需要將用戶輸入的數(shù)據(jù)轉(zhuǎn)換成json格式，以便后臺處理。

<form id="my-form">
<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="gender">性別:</label>
<select id="gender" name="gender">
<option value="">請選擇</option>
<option value="male">男</option>
<option value="female">女</option>
</select>
<br>
<button id="submit-btn" type="button">提交</button>
</form>

以上是一個簡單的form表格，包含了三個字段：姓名、年齡和性別。下面是將該表格轉(zhuǎn)換成json的代碼：

const form = document.querySelector('#my-form');
const button = document.querySelector('#submit-btn');
button.addEventListener('click', function() {
const formData = new FormData(form);
const json = {};
for (const [key, value] of formData.entries()) {
json[key] = value;
}
console.log(json);
});

以上代碼創(chuàng)建了一個click事件監(jiān)聽器，當(dāng)用戶點(diǎn)擊提交按鈕時，將收集用戶輸入的數(shù)據(jù)并將其轉(zhuǎn)換成json格式。使用FormData可以輕松獲取form表單中的所有字段，使用for循環(huán)可以將formData轉(zhuǎn)換成json對象。最后，將json對象輸出到控制臺。