zoukankan      html  css  js  c++  java
  • form标签和table交叉导致serialize方法无法获取form数据

    长期以来,我一直以为form表单是放数据的,table、tr、td是负责HTML页面显示布局的,他们之间不会互相影响。但是今天出现了这样的一个问题。同样的代码使用jQuery的serialize方法在IE8和IE9上执行是可以获取到form表单数据的,而在IE11上就不行。

             经过多次试验、比较、测试发现是因为form标签和table交叉的原因。比如在以下的情况是执行失败的:

             <table>

                   <form>

                               <tr>

                                      <td>姓名</td>

                                      <td><input name="name" type="text"/></td>

                               </tr>

                   </form>

             </table>

             而以下的方式是成功的:  

             <form>

                   <table>

                               <tr>

                                      <td>姓名</td>

                                      <td><input name="name" type="text"/></td>

                               </tr>

                   </table>

             </form>

            在网上也查了下资料,但是貌似没有讲的非常清晰的。但是可以肯定的是这是因为各个版本和类型的浏览器对HTML文档解析的规则是不同的,比如IE浏览器版本越高其HTML格式要求越严格。在以上情景中form和table实际上是一个层次的标签,而第一种方式似乎使用form割裂了table的完整性,当然了这也是我自己瞎分析的。这里写出来防止大家再犯同样的错误,这种错误有时候会让人莫名其妙,如果不知道这个岔,解决起来也会浪费时间。

  • 相关阅读:
    java8新特性之Lambda表达式入门
    小结
    Kafka入门
    关于java多线程初试
    关于Netty入门
    IOS UITableView代码添加数据源和指定委托
    C#读书笔记1
    vs2008 C# Windows Mobile 智能设备开发 初步1
    Microsoft ActiveSync简介(来自网络)
    winForm单击用户区可移动窗体,代码控制窗体最大适中
  • 原文地址:https://www.cnblogs.com/keyi/p/14179789.html
Copyright © 2011-2022 走看看