示例1现场http://redspider.ddns.net/dev_config.html
注意页面上没有脚本;没有动态添加任何元素。
html来源的<table>
包含多个<form>
,<input>
和<tr>
,<td>
位于<form>
内。
源码html:
<form method=POST name="SimpleLink Configuration" action=mode_config>
<tr><td>...</td></tr></form>
。
如在开发浏览器(Chrome和Firefox)中所示,呈现的html具有表单之外的表单内容,这将成为一个空表单:
<form method=POST name="SimpleLink Configuration" action=mode_config></form>
<tr><td>...</td></tr>
。
这使表单不可提交。
示例2 http://output.jsbin.com/waxugebabi/1
奇怪的是,表单可以在示例1中提交,但是当渲染的html被复制到另一个页面(示例2)时,表单无法提交。
目标
示例1页面不是来自可修改的来源。我希望将html包含在另一个页面中,同时保留提交表单的能力。我尝试使用ajax获取示例1,并且返回的数据与html源相同,但过滤的内容是示例2的内容。
我尝试在表单标记中包装表单的内容,但结果是一个丑陋的CSS混乱。
我还想避免<iframe>
,因为如果可能的话,会出现难看的滚动条。
任何指针都会受到赞赏。