IMG 标签在 INPUT 标签之后不显示

发布于 2024-09-06 19:38:46 字数 981 浏览 0 评论 0原文

给定html片段

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" >  
  <head>
    <title>Test JQuery AppendTo</title>  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">      
    </script>  
  </head>  
  <body>
    <div id="Test1">
      <p>Just some text</p>
    </div>
    <form name="FORMPOST" method="post" action="showform.aspx" id="FORMPOST" >
      <label for="Test2">Test Label</label>
      <input id="Test2" type="checkbox" />
      <img src=\"add2.jpg\">
    </form>
  </body>
</html>

并考虑到add2.jpg图像与html代码位于同一目录中，为什么图像不显示？请注意，如果我将图像标签节点移动到 div 节点内，它将显示 :(

请注意，无论我是在设计时添加 img 标签（如上所述，还是使用 jQuery.appendTo 函数附加它），都不会出现显示当表单加载时。

原文

Given the html fragment

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" >  
  <head>
    <title>Test JQuery AppendTo</title>  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">      
    </script>  
  </head>  
  <body>
    <div id="Test1">
      <p>Just some text</p>
    </div>
    <form name="FORMPOST" method="post" action="showform.aspx" id="FORMPOST" >
      <label for="Test2">Test Label</label>
      <input id="Test2" type="checkbox" />
      <img src=\"add2.jpg\">
    </form>
  </body>
</html>

and given that the add2.jpg image is in the same directory as the html code, why does the image not display? Note that if I move the image tag node to be inside the div node, it will display :(

Note the display does not appear regardless of whether I add the img tag at design time as above, or append it using the jQuery.appendTo function when the form loads.

分享到QQ

分享到微博