正如我上面所写,我在.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>
标记结束。