在表单控件中,表单控件的名称是指在HTML中使用name属性定义的名称,而表单值中的名称是指用户在表单中输入的值。可以通过JavaScript来获取表单控件的名称和表单值中的名称。
下面是一个示例代码,展示了如何通过JavaScript获取表单控件的名称和表单值中的名称:
HTML代码:
JavaScript代码:
var form = document.getElementById("myForm");
form.addEventListener("submit", function(event) {
event.preventDefault();
var formData = new FormData(form);
for(var pair of formData.entries()) {
var controlName = pair[0];
var controlValue = pair[1];
console.log("表单控件名称:" + controlName);
console.log("表单值中的名称:" + controlValue);
}
});
上述代码通过addEventListener方法给表单添加了一个submit事件监听器,在表单提交时阻止默认行为。然后使用FormData对象获取表单中的数据,并通过entries方法获取表单控件的名称和表单值中的名称。最后,通过循环遍历输出表单控件的名称和表单值中的名称。
在控制台中运行上述代码,当表单提交时,将会输出如下结果:
表单控件名称:name
表单值中的名称:John Doe
表单控件名称:email
表单值中的名称:johndoe@example.com
上述代码可以根据实际需求进行修改,例如可以将表单值中的名称存储到一个数组或对象中,以便进一步处理。