图像和文字未显示在页面上

时间:2016-06-09 22:24:57

标签: php html css

我忙于学校的命令,当你在2个不同的页面上填写2个表格时,我需要在页面上播放显示和文字。

第一页是kies_merk.html,你必须选择merk(品牌)

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="utf-8" />
    <title>Kies merk</title>
</head>
<body>
<h3>Auto selectie (Deel 1 van 3)</h3>
<p>Kies een automerk...</p>
<form name="form" action="kies_type.php" method="get">
    <select name="merk">
        <option value="Volvo">Volvo</option>
        <option value="Peugeot">Peugeot</option>
        <option value="Volkswagen">Volkswagen</option>
        <option value="Opel">Opel</option>
    </select>
    <input type="submit" value="ok"/>
</form>
</body>
</html>

第二页是您必须选择汽车类型的地方:

<?php
  $formulier = '<p>Welk type wil je bekijken?</p><form name="form2" action="type_informatie.php" method="get"><select name="type"><option value="S40">S40</option><option value="S60">S60</option><option value="C70">C70</option><option value="S80">S80</option></select><input type="hidden" name="Merk" value="Volvo"><input type="submit" value="ok"/></form>'
?>

<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="utf-8" />
  <title>Kies merk</title>
</head>
<body>
<h3>Auto selectie (Deel 2 van 3)</h3>
<p>Kies een type...</p>


<?php
  $merk = ($_GET['merk']);
  if ($merk === Volvo) {
    echo $formulier;
  } else {
    echo "<p>Dit merk zit helaas nog niet in het 'systeem'...</p><a href='kies_merk.html'>Maak een andere keuze a.u.b</a>";
  }
?>

</body>
</html>

在第三页是输出,但它出错了。它不显示图像,它只取出数组中的第一个数字。如果我使用我的浏览器访问图片网址,则说明例如/ S(甚至不是.png扩展名)。我认为$ type = $ _GET ['type']部分出错了,但我不确定。我希望有一个人可以帮助我。 type_informatie.php:

<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="utf-8" />
  <title>Kies merk</title>
  <style>
    img {
      height: 200px;
      width: auto;
    }
  </style>
</head>
<body>
    <h3>Auto selectie (Deel 3 van 3)</h3>
    <p>Je koos de volgende auto: <?php echo ($_GET['Merk']) . " " . ($_GET['type']) ?> </p>
    <?php


      $S40 = array('/S40.png', 'De S40: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada tincidunt est ut faucibus.');
      $S60 = array('/S60.png', 'De S60: Fusce eget quam in purus interdum tincidunt ultricies sit amet velit. Nulla pulvinar cursus malesuada.');
      $C70 = array('/C70.png', 'De C70: Aenean aliquam varius eros. Nam dictum, lorem a maximus gravida, odio risus pretium mi, vel convallis neque dui eget nisl. Quisque vestibulum vel lacus id congue.');
      $S80 = array('/S80.png', 'De S80: Nullam rutrum metus nec iaculis facilisis. Maecenas vitae hendrerit orci. Nulla sit amet dolor risus. Fusce accumsan augue nec leo congue, nec porta tellus semper.');

      $type = $_GET['type'];
      echo "<div>" . "<img src='$type[0]' alt='' />" . "</div>";
      echo "<p>$type[1]</p>"
    ?>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

$type = $_GET['type'];将在value option

中保留所选select的{​​{1}}
type

<select name="type"><option value="S40"> $type[0]中的数组引用,引用字符串中的第一个字符,恰好是来自<img src='$type[0]' alt='' />的{​​{1}}

所以你需要回应整个事情,并可能添加S扩展名,因为那不在你的表单中。

S40

如果您查看错误日志,那么您可能还会注意到通知

  

注意:使用未定义的常量沃尔沃 - 假设&#39;沃尔沃&#39;在thispage.php第6,000,042行

您应该通过明确地将使用constant.png更改为使用字符串的echo "<div>" . "<img src='$type.png' alt='' />" . "</div>"; 来清理该假设。