यह मेरे लिए एक बहुत ही वैध प्रश्न की तरह लगता है।
जिज्ञासा से, मैंने एक त्वरित fiddle (नीचे प्रदान किया गया) बनाया है जो परीक्षण नेस्टेड रूपों के मामले का उपयोग करता है, जहां कोई छाया रूट के अंदर होता है।
var template = document.querySelector('template');
var clone = document.importNode(template.content, true);
var root = document.querySelector('#host').createShadowRoot();
root.appendChild(clone);
document.querySelector('button').onclick = function(e) {
var formValues = $('#docForm').serialize();
alert(formValues);
$('#result').text(formValues);
return false;
}
document.querySelector('#host').shadowRoot.querySelector('button').onclick = function(e) {
var form = document.querySelector('#host').shadowRoot.querySelector('#shadowForm');
alert($(form).serialize());
$('#result').text($(form).serialize());
return false;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<template id="template">
<form id="shadowForm">
<input type="text" name="text"/>
<button type="submit">Submit shadow form</button>
</form>
</template>
<form id="docForm" >
<table>
<tr>
<td>
<input type="checkbox" name="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="text" val="" name="text"/>
</td>
</tr>
<tr>
<td>
<select name="multiple" multiple="multiple">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
</td>
</tr>
<tr>
<td>
<div id="host"></div>
<button type="submit"> Submit document Form</button>
</td>
</tr>
</table>
</form>
<div id="result"></div>
IMO यह के रूप में की उम्मीद काम करता है, जब आप रूप है जो प्रकाश डोम जो तत्वों में से एक की shadowRoot में एक फार्म भी शामिल है, उन दोनों बिल्कुल ठीक प्रस्तुत करना है सबमिट करें।
कितना अलग एक WebComponent के आंतरिक तत्वों उन्हें शामिल करने वाले
छाया रूट एक विशेष तत्व के साथ जुड़े विभिन्न नोड है पूर्वज हैं, यह नियमित रूप से डोम हेरफेर API के साथ पहुँचा नहीं जा सकता और इसलिए इस मामले में फॉर्म-इन-फॉर्म नियम में प्रकाश डीओएम मार्कअप में हस्तक्षेप नहीं होगा।
मैं कल्पना कर सकता है कि अगर रूपों की नेस्टिंग WebComponents का उपयोग कर ... अगर एक उपभोक्ता घटक के आंतरिक भागों के बारे में पता नहीं है संभव नहीं है।
तो इस सवाल का, उपयोगकर्ता रख सकते हैं जो कुछ भी एचटीएमएल वे पृष्ठ पर चाहते हैं और उसके प्रतिपादन व्यवहार क्या घटक वे उपयोग कर रहे हैं कि घटक कैप्सूलीकरण के लिए छाया डोम उपयोग कर रहा है द्वारा प्रभावित नहीं होगा जवाब देने के लिए।
आपके उत्कृष्ट उत्तर के लिए धन्यवाद! – jpierson