提交嵌套表单，奇怪的行为

Question

我有一个带有表单的广告横幅，它由获取此代码并在该网站上放置此横幅的 3rd 方网站所有者使用。

由于一些使用此横幅的网站有一个 <form> 包裹整个网站，我发现横幅表单没有提交它，而是提交了外部表单。

代码如下：

  <form onSubmit="return alert('outer form submitted')">

    <!-- only if i add this empty form it submits the inner -->
         <form></form>
    <!-- End Empty form -->

    <!-- inner form -->
      <form onSubmit="return alert('inner form submitted')" > 
           <input type="submit" /> 
      </form> 
    <!--end  inner form -->

 </form> 

如您所见，仅当我在内部 <form> 之前添加一个空的 <form> 时，它会提醒（提交）内部，否则它会提交外部。

为带有表单的网站编写横幅广告的最佳方式是什么？

Answer 1

在

中包含

是格式错误的 HTML，所有的赌注都取决于任何浏览器/用户代理/javascript-engine/dom 实现将如何处理它。期望不同访问者之间的结果大不相同或相同。只是在

中没有

。期间:)

您观察到的行为中最有可能出现的情况：在表单中启动

标记可能被“丢弃”为无效，包括任何操作/事件（但可能不是 s），第一个

关闭“主要”形式。