Javascript PHP是如何扭曲我的HTML的？_Javascript_Php_Html_Forms

Javascript PHP是如何扭曲我的HTML的？

javascript php html forms

Javascript PHP是如何扭曲我的HTML的？,javascript,php,html,forms,Javascript,Php,Html,Forms,我遇到了一些问题，这些问题似乎是由于将我的调查问卷设置为.PHP文件而不是.HTML文件而引起的。我必须这样做的原因是，我正在使用一个PHP脚本来处理SQL数据库，我必须将它们包含在问卷中，而问卷不能作为HTML工作在HTML版本中，一切都以我编写的方式完美运行。当我将它保存为.php文件时，我的javascript停止正常工作，我尝试将javascript链接到body标记的底部而不是头部，但仍然没有帮助在反复尝试查看不同之处之后，我决定将.php文件保存为html，只是为了让大家开心地笑

我遇到了一些问题，这些问题似乎是由于将我的调查问卷设置为.PHP文件而不是.HTML文件而引起的。我必须这样做的原因是，我正在使用一个PHP脚本来处理SQL数据库，我必须将它们包含在问卷中，而问卷不能作为HTML工作

在HTML版本中，一切都以我编写的方式完美运行。当我将它保存为.php文件时，我的javascript停止正常工作，我尝试将javascript链接到body标记的底部而不是头部，但仍然没有帮助

在反复尝试查看不同之处之后，我决定将.php文件保存为html，只是为了让大家开心地笑一笑，看看我是否仍然遇到同样的问题。奇怪的是，它运行起来和其他HTML文件一样平滑

这里有3个版本的链接，你可以看到我的意思

在JS控制台中，我得到了这个错误

未捕获的TypeError:无法将属性“onClick”设置为null

这让我参考了我的.js文件的第163行，它引用了问卷第一页的“下一步”按钮（不是加载的介绍页面，而是实际输入数据的下一页）

我在.PHP文件中构建问卷的方式是

<?php ini_set('display_errors','on'); ?><?php include('extlib/vdaemon/vdaemon.php'); ?><!doctype html>
<html>
<head>
 //links to files etc.//
</head>
<header>
</header>
<body>
    <form action="core/process.php" method="post" id="CorpID" runat="vdaemon">

    <input type="hidden" name="formID" value="Questionnaire" />
    <input type="hidden" name="redirect_to" value="http://optiqvision.x10host.com/Corp_ID_&_Branding_Questionnaire.html" />

    //all form inputs//
    
    </form>
    <?php VDEnd(); ?>
</body>
<footer>
</footer>
</html>


//链接到文件等//
//所有表格输入//

整个调查问卷有100多条个人信息，所以我不想把所有信息都放在这个片段中。我只是想展示整个结构，另外我想你可以在浏览器中通过点击它们并查看调试器来了解更多的细节。有人能确定我在PHP上犯了什么错误吗？我真的不明白为什么它会把事情弄得一团糟。

编辑：看起来真正的问题是DOM被破坏了。在PHP文件中，有一个自关闭的textarea标记。text区域标记需要一个结束标记

<!-- you have this, it's not syntactically correct  -->
<textarea id="my_comp" class="tex_inp01" style="width:88%; height:100px; font-size:14pt;" />
<!-- the following is correct -->
<textarea id="my_comp" class="tex_inp01" style="width:88%; height:100px; font-size:14pt;"></textarea>

最后，如果要将jQuery用作库，建议使用jQuery语法而不是原生JS。只需确保在代码之前包含jQuery JS

var p1a = document.getElementById("p1_next");
// becomes:
var p1a = $('#p1_next'); // jQuery node by CSS selector

在主体标记的末尾之前，如下所示：

<html>
  <head>
    ..your code ..
  </head>
  <body>
    ..your code ..
    <script type="text/javascript" src="http://www.optiqvision.x10host.com/Files/Javascript/Corp_ID_&_Branding_Questionnaire.js"></script> 
  </body>
</html>

<textarea id="my_comp" class="tex_inp01" style="width:88%; height:100px; font-size:14pt;"></textarea>


…你的代码。。
…你的代码。。

在html中，文本区域的代码如下所示：

<html>
  <head>
    ..your code ..
  </head>
  <body>
    ..your code ..
    <script type="text/javascript" src="http://www.optiqvision.x10host.com/Files/Javascript/Corp_ID_&_Branding_Questionnaire.js"></script> 
  </body>
</html>

<textarea id="my_comp" class="tex_inp01" style="width:88%; height:100px; font-size:14pt;"></textarea>

在php中

textarea关闭标签放错位置；在许多div之后，包括id=p1\u的元素。因此div只是成为textarea值的一部分，而不是body标记结尾之前HTML页面的一部分。好的，我只是看了看你的代码，你甚至没有关闭你的身体和html标记。我已经编辑了我的答案，在底部添加了一个片段。此外，标记不能放入标记中。它应该在标签上。我建议您通过HTML验证程序运行HTML代码。@MrLister thx！我不知道我必须逃离这些。我编辑了我的答案，在之后找到了你的评论。嗯。。idk我是如何删除第一个示例上的结束标记的。但是它们在php和第二个html上。另外，您在何处看到head标签内的标题？我对那件事迷路了。我只是像你建议的那样把.js文件放在body标签的底部，我以前也试过一次，但我仍然遇到同样的问题。好吧，我只是注意到在示例中我放弃了top，我没有关闭它们，我打字太快了，很快就得不到答案。好的，我看了第二眼，问题似乎是呈现的PHP文件第353行的textarea标记。它需要一个结束标记，因为textarea不使用/>自动关闭。下面是呈现的内容：对于header标记，很抱歉它不在head标记中，而是在head和body标记之间。它需要在body标签内。与页脚标记相同。