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

我有一个广告横幅,它有一个表单,第三方网站所有者使用它来获取此代码,并在该网站上显示此横幅。

因为有些使用此横幅的网站 <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> 

正如你所看到的,只有我加了一个空的 <形式& gt; 在内部之前 <形式& gt; 它警告(提交)内部,否则它提交外部。

为带有表单的站点编写横幅广告的最佳方法是什么?