这是HTML文件
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaJam Coffee House Menu</title>
<meta charset="utf-8">
<link href="javajam.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<header><h1>JavaJam Coffee House</h1></header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="jobs.html">Jobs</a></li>
</ul>
</nav>
<main>
<h2>Jobs at JavaJam</h2>
<p>Want to work at JavaJam?Fill out the form below to start your application.</p>
<p>Required fields are marked with an asterisk.</p>
<form action="http://webdevbasics.net/scripts/javajam.php" method="post">
<label for="myName">
*Name: <input type="text" name="myName" id="myName" required="required"><br>
</label>
<label for="myEmail">
*E-mail:<input type="email" name="myEmail" id="myEmail" required="required"><br>
</label>
<label for="" id="date">
Start Date:
</label>
<input type="date"><br>
<label for="myExperience" >
<div>*Experience:</div>
<textarea name="myExperience" id="myExperience" cols="20" rows="2" required="required"></textarea><br><br>
</label>
<input type="submit" value="Apply Now">
</form>
</main>
<footer>
Copyright © 2016 JavaJam Coffeee House<br>
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a>
</footer>
</div>
</body>
</html>
这是css文件
header, main, nav, footer, figure, figcaption { display: block; }
body { background-color: #F5F5DC;
color: #2E0000;
font-family: Verdana, Arial, sans-serif;
background-image: url(javabackground.gif);
}
#wrapper { width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #E2D2B0;
min-width: 960px;
max-width: 2048px;
box-shadow: 5px 5px 5px #2E0000;
}
header { background-color: #D2B48C;
}
h1 { font-family: Georgia, "Times New Roman", serif;
height: 100px;
background-image: url(javalogo.gif);
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0; }
nav { font-weight: bold;
padding: 10px;
float: left;
width: 160px;
text-align: center;
}
nav ul { list-style-type: none;
padding-left: 0;
font-size: 1.2em;
}
nav a{ text-decoration: none; }
nav a:link { color: #795240; }
nav a:visited { color: #A58366; }
nav a:hover { color: #F5F5DC; }
main { padding: 20px;
display: block;
background-color: #F5F5DC;
margin-left: 175px;}
main img { float: left;
padding-right: 2em;
}
main div { overflow: auto;
padding-left: 5%;
padding-right: 5%;
font-size: 90%;
}
h2 { font-family: Georgia, "Times New Roman", serif; }
h3 { background-color: #E6D6A9;
text-transform: uppercase; }
dt { font-weight: bold; }
main ul { list-style-image: url(marker.gif);
list-style-position: inside; }
#hero { background-image: url(heroroad.jpg);
height: 300px;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #F5F5DC;
}
section { margin-left: 20%;
margin-right: 20%;
overflow: auto;
font-size: 90%;
}
footer { background-color: #D2B48C;
color: #000000;
font-size: .60em;
font-style: italic;
text-align: center;
padding: 10px;
}
footer a:link { color: #2E0000; }
footer a:visited { color: #000000; }
footer a:hover { color: #F5F5DC; }
#mobile { display: none; }
#desktop { display: inline; }
@media only screen and (max-width: 64em) {
body { margin: 0;
background-image: none;
background-color: #D2B48C;
}
#wrapper { min-width: 0;
width: auto;
box-shadow: none;
}
h1 { margin: 0;
background-image: url(javalogomobile.gif);
}
main { margin-left: 0; }
nav { float: none;
width: auto;
padding: 0;
}
nav ul { text-align: center; }
nav li { display: inline;
padding: 0 0.75em;
}
}
@media only screen and (max-width: 37.5em) {
nav li { display: inline-block;
width: 5em;
font-size: 120%;
text-align: center;
box-shadow: 2px 2px 2px #330000;
background-color: #F5F5DC;
margin: 1%;
padding: 2.5%;
}
nav a { display: block; }
nav a:hover { color: #333300; }
main a:link { color: #FFFFFF; }
main a:visited { color: #EAEAEA; }
main a:hover { color: #FFD700; }
section { margin: 0; }
#hero { height: auto; }
section img { display: none; }
#mobile { display: inline; }
#desktop { display: none; }
}
table { margin: auto;
width: 80%;
height: 300px;
}
td th { padding: 10px;}
tr:nth-of-type(odd){background-color: #D2B48C;}
.hav{text-align: center;}
label { float: left;
text-align: right;
width: 120px;
}
input { margin-left: 20px;
margin-bottom: 20px;}
label {
float: none;
margin-left: 100px;
text-align: right;}
input[type="submit"] { display: block;
margin-left: 190px;
margin-top: 20px;}
div { display: inline-block;
float: left;
margin-left: 0px;}
textarea { float: left;}
#date {margin-left: 70px;}
我想问一下为什么表单信息提交上去后，表单确认页没有我填写的表单信息
数据并没有被带过去，你可以再 跳转地址https://webdevbasics.net/scripts/javajam.php 内通过接口的形式获取刚才提交的信息