html PHP：PHP输出在一个unanticpated地方呈现[关闭]

w46czmvw  于 2023-10-14  发布在  PHP
关注(0)|答案(1)|浏览(118)

已关闭此问题为not reproducible or was caused by typos。它目前不接受回答。

此问题是由打印错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里，这一个是解决的方式不太可能帮助未来的读者。
6天前关闭
Improve this question

  1. body {
  2.   margin: 0;
  3.   background-color: beige;
  4. }
  6. fieldset,
  7. header,
  8. footer {
  9.   font-family: Raleway;
  10.   font-weight: bold;
  11. }
  13. header {
  14.   height: 150px;
  15.   background-color: #1F006A;
  16. }
  18. footer {
  19.   background-image: linear-gradient(to left top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
  20.   height: 125px;
  21. }
  23. .headertext {
  24.   font-size: 28pt;
  25.   margin: 20px 24px;
  26.   color: #03CCA9;
  27. }
  29. a {
  30.   color: #FF00B3;
  31.   transition-duration: 0.2s;
  32. }
  34. a:visited {
  35.   color: #4C00FF;
  36.   transition-duration: 0.7s;
  37. }
  39. a:hover {
  40.   color: #04FFD4;
  41.   transition-duration: 0.2s;
  42. }
  44. form {
  45.   text-align: center;
  46.   margin: 0;
  47. }
  49. fieldset:not(:last-of-type) {
  50.   margin-right: 16px;
  51. }
  53. fieldset {
  54.   border-style: double;
  55.   border-width: 8px;
  56. }
  58. input[type="date"] {
  59.   width: 100%;
  60. }
  62. .klienci {
  63.   border-color: blueviolet;
  64. }
  66. .praca {
  67.   border-color: #03CCA9;
  68. }
  70. .pracownicy {
  71.   border-color: #7C9FF7;
  72. }
  74. .produkty {
  75.   border-color: #B1FF00;
  76. }
  78. .zamówienia {
  79.   border-color: #FF9780;
  80. }
  82. .pos-rel {
  83.   position: relative;
  84. }
  86. @keyframes anim-fadein {
  87.   from {
  88.     opacity: 0;
  89.   }
  90.   to {
  91.     opacity: 1;
  92.   }
  93. }
  95. .anim-abs {
  96.   position: absolute;
  97.   width: 24px;
  98.   height: 24px;
  99.   animation: anim-fadein 0.3s ease-in forwards;
  100. }
  102. .animelem-1 {
  103.   top: 0;
  104.   left: 0px;
  105. }
  107. .animelem-2 {
  108.   bottom: 0;
  109.   right: 0px;
  110.   transform: rotate(180deg);
  111. }
  113. .flex-center {
  114.   display: flex;
  115.   justify-content: center;
  116. }
  118. .fx-ai-c {
  119.   align-items: center;
  120. }
  122. .flex-row {
  123.   flex-direction: row;
  124. }
  126. .min-padding {
  127.   padding: 1vw;
  128.   box-sizing: border-box;
  129.   height: calc(100vh - 275px);
  130.   min-height: 265px;
  131. }
  1. <html>
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>Interfejs sieciowy - Jakub Namyślak</title>
  6.   <link rel="stylesheet" type="text/css" href="style.css">
  7.   <meta name="author" content="Jakub Namyślak">
  8.   <meta name="description" content="Interfejs sieciowy baz danych Jakuba Namyślaka.">
  9.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.   <link rel="preconnect" href="https://fonts.googleapis.com">
  11.   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  12.   <link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
  13. </head>
  15. <body>
  16.   <header class="flex-center flex-center fx-ai-c">
  17.     <div class="pos-rel">
  18.       <img class="anim-abs animelem-1" src="corner-anim1.png" alt="An animation asset">
  19.       <h1 class="headertext">✧ Interfejs sieciowy - Jakub Namyślak</h1>
  20.       <img class="anim-abs animelem-2" src="corner-anim1.png" alt="An animation asset">
  21.     </div>
  22.   </header>
  23.   <main class="flex-center flex-row min-padding fx-ai-c">
  24.     <fieldset class="klienci flex-center fx-ai-c">
  25.       <legend>Klienci</legend>
  26.       <form action="#" method="POST">
  27.         <input type="hidden" name="form_id" value="klienci" required>
  29.         <input type="number" name="obsługa_klienta" value="1" placeholder="obsługa klienta" required></input>
  30.         <input type="number" name="id_zamówienia" value="8" placeholder="id zamówienia"></input>
  31.         <br>
  32.         <br>
  33.         <input type="text" name="imie" value="Tadeusz" placeholder="imię" required></input>
  34.         <input type="text" name="nazwisko" value="Rydzyk" placeholder="nazwisko" required></input>
  35.         <br>
  36.         <input type="text" name="mail" value="[email protected]" placeholder="e-mail" required></input>
  37.         <input type="text" name="telefon" value="+48637436763" placeholder="numer telefonu" required></input>
  38.         <br>
  39.         <br>
  40.         <input type="text" name="miasto" value="Chabry" placeholder="miasto" required></input>
  41.         <input type="text" name="ulica" value="Słowackiego" placeholder="ulica" required></input>
  42.         <br>
  43.         <input type="text" name="kod_pocztowy" value="19-438" placeholder="kod pocztowy" required></input>
  44.         <input type="text" name="numer_domu" value="21/38" placeholder="numer domu" required></input>
  45.         <br>
  46.         <br>
  47.         <button type="submit">Prześlij (klient)</button>
  48.       </form>
  49.     </fieldset>
  51.     <fieldset class="pracownicy flex-center fx-ai-c">
  52.       <legend>Pracownicy</legend>
  53.       <form action="#" method="POST">
  54.         <input type="hidden" name="form_id" value="pracownicy" required>
  56.         <input type="number" name="praca" value="1" placeholder="nr pracy" required></input>
  57.         <br>
  58.         <br>
  59.         <input type="text" name="imie" value="Michał" placeholder="imię" required></input>
  60.         <input type="text" name="nazwisko" value="Kaczyński" placeholder="nazwisko" required></input>
  61.         <br>
  62.         <input type="text" name="mail" value="[email protected]" placeholder="e-mail" required></input>
  63.         <input type="text" name="numer" value="+48637436763" placeholder="numer telefonu" required></input>
  64.         <br>
  65.         <br>
  66.         <button type="submit">Prześlij (pracownicy)</button>
  67.       </form>
  68.     </fieldset>
  70.     <fieldset class="produkty flex-center fx-ai-c">
  71.       <legend>Produkty</legend>
  72.       <form action="#" method="POST">
  73.         <input type="hidden" name="form_id" value="produkty" required>
  74.         <input type="text" name="nazwa_produktu" value="Szpadel" placeholder="nazwa produktu" required></input>
  75.         <br>
  76.         <input type="number" name="cena_produktu" value="4.99" placeholder="cena produktu" required></input>
  77.         <br>
  78.         <br>
  79.         <button type="submit">Prześlij (pracownicy)</button>
  80.       </form>
  81.     </fieldset>
  83.     <fieldset class="zamówienia flex-center fx-ai-c">
  84.       <legend>Zamówienia</legend>
  85.       <form action="#" method="POST">
  86.         <input type="hidden" name="form_id" value="zamówienia" required>
  87.         <input type="date" name="data_zamówienia" required></input>
  88.         <br>
  89.         <input type="number" name="produkt" value="7" placeholder="produkt (id)" required></input>
  90.         <br>
  91.         <br>
  92.         <button type="submit">Prześlij (pracownicy)</button>
  93.       </form>
  94.     </fieldset>
  96.     <fieldset class="praca flex-center fx-ai-c">
  97.       <legend>Praca</legend>
  98.       <form action="#" method="POST">
  99.         <input type="hidden" name="form_id" value="praca" required>
  101.         <input type="text" name="praca" value="Sprzątaczka" placeholder="praca" required></input>
  102.         <br>
  103.         <br>
  104.         <button type="submit">Prześlij (praca)</button>
  105.       </form>
  106.     </fieldset>
  107.   </main>
  108.   <!--<?php
  109.             $servername = "localhost";
  110.             $username = "administrator";
  111.             $password = "root";
  112.             $dbname = "jn_sklep";
  114.             $conn = mysqli_connect($servername, $username, $password, $dbname);
  116.             function displayData(){
  117.                 $tytuły = array(
  118.                             "klienci" => array("Obsługa klienta", "Id zamówienia", "Imię", "Nazwisko", "E-mail","Numer telefonu", "Miasto", "Ulica", "Kod pocztowy", "Numer domu"),
  119.                             "pracownicy" => array("Numer pracy", "Imię", "Nazwisko", "E-mail", "Numer telefonu"),
  120.                             "produkty" => array("Nazwa produktu", "Cena produktu"),
  121.                             "zamówienia" => array("Data zamówienia", "Id produktu"),
  122.                             "praca" => array("Nazwa stanowiska")
  123.                         );
  124.                 
  125.                 echo "<table><tr>";
  127.                 foreach($tytuły[$_POST["form_id"]] as $kom){
  128.                     echo "<th>", $kom, "</th>";
  129.                 }
  131.                 echo "</tr>";
  132.             }
  134.             displayData();
  135.         ?>-->
  136.   <footer class="flex-center fx-ai-c">
  137.     <h2>© <a href="https://shatterwares.com" target="_blank">Jakub Namyślak</a>. All rights reserved.</h2>
  138.   </footer>
  139. </body>
  141. </html>

所以我今天做了一个项目，遇到了一个问题：* 包含的php代码最终在一个意想不到的地方。* 上述 * 应该返回其值上方页脚 ，但 * 由于未知原因，它的下方（嵌入1，1.2和1.3）。它 * 仅在foreach($tytuły[$_POST["form_id"]] as $kom)循环以任何方式与$_POST数组交互时发生;在echo中放入字母会使其返回正常值（嵌入2）。*
我设法发现的是：

*<table>标签似乎呈现在页脚下方，应该 * 没有html或css相关的问题;
*错误只能通过尝试回显表单值来复制，无论提交的是哪一个;
***与PHP未接收表单数据相关的错误出现在预期的位置;**他们只在提交任何表格之前在场，**与问题无关。

编辑：该网站不支持PHP，尽管我在评论中留下了预览中的代码。
嵌入1：x1c 0d1x
嵌入1.2和1.3（html结构）：

Html

1条答案

按热度按时间
jm81lzqq

jm81lzqq1#

多亏了@ Ijuya Bursov，问题已经找到了-我忘了关table。

赞(0）分享  回复(0）举报  2023-10-14
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com