我需要了解表单提交如何从自定义 Web 组件中提取数据?
我尝试了以下步骤
1- 将输入附加到ShadoWroot
2- 使用表单关联的概念将输入值和名称与表单连接起来
3- 最后提交表单以获取FormData。
不幸的是,它没有成功。我没有从FormData
// https://web.dev/more-capable-form-controls/
// https://webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/
// https://html.spec.whatwg.org/#custom-elements
let form = document.getElementById('frm');
// on form submit I need to recive form data from the input by getting name and its value
form.addEventListener('submit', (event) => {
event.preventDefault();
var formData = new FormData(form);
// Display the key/value pairs
for (const pair of formData.entries()) {
console.log(`${pair[0]}, ${pair[1]}`);
}
});
// I need here to assign value to form data using …Run Code Online (Sandbox Code Playgroud)