我的.php页面在textarea下面被剪切,脚本也不起作用

时间:2017-10-02 17:11:10

标签: jquery html css

正如我上面所写,我在.php文件中编写了页面,但是,我已将其包装在HTML中(它将成为一个网页项目)。问题是脚本嵌套在标签中如下:

      <script>
  $(document).ready(function(){
    $(".r3").click(function(){
      $(".p3").show();
    });
  });
  </script>

当我使用Apache打开它们时不能工作,而且还有更多的网页在textarea下面切割。

    <section class="wrapper-form">
  <form class="container" method="post" enctype="multipart/form-data" action="post.php">
    <h2 class="contact">Contact us</h2>
    <div class="formwrapper">
      <div class="inputs-column">
        <input class="input-general input-height" placeholder="name" type="text" name="name">
        <input class="input-general input-height" placeholder="e-mail" type="email" name="email">
        <input class="input-general input-height" placeholder="phone" type="text" name="phone">
      </div>
      <div class="inputs-column">
        <textarea class="input-general textarea1" placeholder="Your message..." type="text" name="message"></textarea>
      </div>
    </div>
    <div class="btn-align">
      <input type="submit" class="submit-btn" value="send message">
    </div>
  </form>
</section>

因此它包含的元素不可见。相反,textarea下方的位置被浏览器视为页面的末尾。如果它有用,我还附上代码的开头

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styl.css" type="text/css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.min.css">
    <title>Index</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

整个事情以</html>标记结束。

0 个答案:

没有答案