table标签里插入form标签的奇怪现象

最近帮朋友处理它的表单无法提交的问题,弄了些时间,发现了一个奇怪的问题

<table>
<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="text" name="t" />
<input type="submit" value="post"/>
<div id="add">add</div>
</form>
</table>

<script>
$("#add").live('click', function(){

$("form").append('<input type="file" name="t2" />');
});
</script>

注意,form标签是放在table标签里面的,input标签全部跑到table标签外面了

打开chrome浏览器,审查元素,发现

调试了下,改了下位置,form标签放在table标签外面

<form action="upload.php" method="post" enctype="multipart/form-data">
<table>
<input type="text" name="t" />
<input type="submit" value="post"/>
<div id="add">add</div>
</table>
</form>

<script>
$("#add").live('click', function(){

$("form").append('<input type="file" name="t2" />');
});
</script>

再打开chrome,

这样正常了。

经测试,发现chrome和火狐浏览器有这个问题,ie没这个问题.

时间: 2024-10-18 07:55:29

table标签里插入form标签的奇怪现象的相关文章

&lt;a&gt;标签里的&lt;img&gt;标签点击虚线框

<a href="#"> <img src="" /> </a> 当img嵌套在a标签里,点击时,会出现虚线框,如何去掉虚线框?css代码如下: a{outline:none;} a:active {outline:none;blr:expression(this.onFocus=this.blur());} img,a .img{border:0} html标签如下: <a href="#" onfoc

&lt;table&gt;标签里的caption标签和H标签的区别

实例 带有标题的表格: <table border="1">  <caption>Monthly savings</caption>  <tr>    <th>Month</th>    <th>Savings</th>  </tr>  <tr>    <td>January</td>    <td>$100</td> 

form标签输出表单

表单标签是Struts2标签库的核心,用于输入数据.提交数据.form标签通常用于生成HTML里的<form>标签. <struts:form>标签不仅生成<form>标记,还会生成<table>标记.<struts:label>.<struts:textfield>.<struts:textarea>等UI标签也会生成<tr><td>标记.因此JSP中不需要书写任何布局代码. 1 <stru

WebApp 里Meta标签大全,webappmeta标签大全

1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问题了,在iphone上我们的webapp在竖屏下通常宽度都是320. 因此我们必须改变viewport,我们就有如下几种属性值可以设置: width: viewport 的宽度 (范围从 200 到 10,00

form标签

一 什么是form标签 <form> 标签用于为用户输入创建 HTML 表单. 表单用于向服务器传输数据. 二 属性 method method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面). 表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送. 浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理.共有两种方法:POST 方法

测开之路一百零三:jquery元素和标签的插入与删除

标签内插入 标签外插入 给标签加标签 !DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素和标签插入</title> <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script><

移动webApp必备技能一、WebApp 里Meta标签大全,webappmeta标签大全

1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问题了,在iphone上我们的webapp在竖屏下通常宽度都是320. 因此我们必须改变viewport,我们就有如下几种属性值可以设置: width: viewport 的宽度 (范围从 200 到 10,00

浅谈table、form 标签

1.<table> 标签 1.1包含的元素 <caption></caption>:表头信息. <tr></tr> :定义一个表格行: <th></th> :定义一个表格头:若是纯文字,默认会以粗体的样式表现. <tbody></tbody> :可以理解为表格的内容区域,在Chrome.FF浏览器通过DOM进行表格动态插入行的时候,要使用这个.如果不进行DOM操作,可不用添加. <td>

项目期复习总结2:Table, DIV+CSS,标签嵌套规则

文件夹: 1.表格的意义,含义? 2.表格有哪些元素? 3.表格布局,表格布局的优缺点 4.行元素,块元素的差别? 5.标签的合理嵌套及标签的语义性 ① 表格的意义,含义? 表格应该用来展现那些适合表格化显示的信息,比方数据的显示,统计或者二维报表之类的信息,而不是作为一种而已的工作 ② 表格有哪些元素? 表格元素:table thead tbody tfoot caption tr th td .... 较经常使用  ③ 表格的使用应该注意哪些? 1)使用表格时注意合理嵌套,遵循标签的语义性,