我的代码中的问题,当我按下提交时它没有提交,虽然我检查了语法100次并更改了它的要求。我认为这里的问题不起作用可能是提交原因
我的HTML代码:
<!DOCTYPE HTML>
<html>
<head>
<title>forms</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" />
<![endif]-->
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=PT+Sans:400,700'>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Oleo+Script:400,700'>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<style type="text/css">
body, html {
height: absolute;
margin: 0;
-webkit-font-smoothing: antialiased;
font-weight: 100;
font-family: helvetica;
}
.tabs input[type=radio] {
position: relative;
top: -9999px;
left: -9999px;
}
.tabs {
width: 650px;
float: none;
list-style: none;
position: relative;
padding: 0;
margin: 75px auto;
}
.tabs li{
float: left;
}
.tabs label {
display: block;
padding: 10px 20px;
border-radius: 2px 2px 0 0;
color: #14AA1E;
font-size: 24px;
font-weight: normal;
font-family: 'Oleo Script', serif;
background: #D4D3D3;
cursor: pointer;
position: relative;
top: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tabs label:hover {
background: rgba(255,255,255,0.5);
top: 0;
}
[id^=tab]:checked + label {
background: #f7f7f7;
color: black;
top: 0;
}
[id^=tab]:checked ~ [id^=tab-content], [id^=tab]:checked ~ [id^=tab-content] > div {
display: block;
}
.tab-content{
z-index: 2;
display: none;
text-align: center;
overflow: hidden;
width: 100%;
font-size: 20px;
line-height: 140%;
padding-top: 10px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0)), url('images/bg01.png');
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0)), url('images/bg01.png');
background-image: -o-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0)), url('images/bg01.png');
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0)), url('images/bg01.png');
background-image: linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0)), url('images/bg01.png');
background-position: top left, top left;
background-repeat: repeat-x, repeat;
background-size: 100% 30em, auto;
padding: 15px;
color: black;
position: relative;
top: 53px;
left: 0;
box-sizing: border-box;
}
.tab-content div{
display: none;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
.chbox form input {
width: 10px;
height: 30px;
background: #fcfcfc;
border: 1px solid #ddd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
color: #888;
font-size: 16px;
}
</style>
</head>
<body class="no-sidebar">
<!-- Header -->
<div id="header-wrapper">
<header id="header" class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="index.html">HAC</a></h1>
<span>Humanitarian Aid Commission</span>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current"><a href="ProjectsForm.html">T.A Form</a></li>
<li><a href="right-sidebar.html">Home</a></li>
</ul>
</nav>
</header>
</div>
<!-- Main -->
<!-- Content -->
<div class="main">
<div class="register span6">
<form action="" method="post">
<!--button 1-->
<button type="button" action = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Step One</button>
<div id="light" class="white_content">
<h2>Basic Info <span class="red"><strong>STEP 1</strong></span></h2>
<div id="D1">
<label for="p_name">Project Name</label>
<input type="text" id="firstname" name="p_name" >
<label for="p_loc">Location</label>
<input type="text" id="lastname" name="p_loc" >
<label for="p_desc">Project Description</label>
<input type="text" id="username" name="p_desc" >
<label for="Goals">Project Goals</label>
<input type="text" id="email" name="Goals" >
</div>
<div id="D2">
<label for="stdate">start date</label>
<input type="date" name="stdate">
<label for="enddate">end date</label>
<input type="date" name="enddate">
<label for="input_exp">inputs Expenses</label>
<input type="number" id="inputsExpenses" name="input_exp" >
<label for="Operating_exp">Operating expenses</label>
<input type="number" id="Operatingexpenses" name="Operating_exp" >
</div>
<!--<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="choose a password..."> -->
<button type="button" action = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Go to Step two</button>
</div>
<div id="fade" class="black_overlay"></div>
<!--button 2-->
<button type="button" action = "javascript:void(0)" onclick = "document.getElementById('light1').style.display='block';document.getElementById('fade1').style.display='block'">Step two</button>
<div id="light1" class="white_content">
<table>
<tr><td colspan="2">
<h2>staffing</h2></td>
</tr>
<tr>
<td><label for="sd_staff">number of Sudanese staff</label></td>
<td><input type="number" id="sd_staff" name="sd_staff" ></td>
</tr>
<tr>
<td><label for="int_staff">number of internationals staff: </label></td>
<td><input type="number" id="int_staff" name="int_staff" ></td>
</tr>
<tr>
<td colspan="2">
<h2>Partners</h2> </td>
</tr>
<tr>
<td><label>NGOs Partners</label></td>
<td><input type="checkbox" value="1" name="ch1"></td>
</tr>
<tr>
<td><label>Governmental partners</label></td>
<td><input type="checkbox" class="chbox" value="2" name="ch2"></td>
</tr>
<tr>
<td><label>COBs organization</label></td>
<td><input type="checkbox" class="chbox" value="3" name="ch3"></td>
</tr>
<tr>
<td><label>others</label></td>
<td><input type="checkbox" value="4" class="chbox" name="ch4"></td>
</tr>
<tr><td colspan="2">
<h3>beneficiaries :</h3>
</td>
</tr>
<tr>
<td><label>children</label></td>
<td><input type="checkbox" value="1" name="ch11"></td>
</tr>
<tr>
<td><label>Women</label></td>
<td><input type="checkbox" class="chbox" value="2" name="ch22"></td>
</tr>
<tr>
<td><label>Old men</label></td>
<td><input type="checkbox" class="chbox" value="3" name="ch33"></td>
</tr>
<tr>
<td><label>Refugees</label></td>
<td><input type="checkbox" value="4" class="chbox" name="ch44"></td>
</tr>
<tr>
<td><label>disabled</label></td>
<td><input type="checkbox" value="4" class="chbox" name="ch55"></td>
</tr>
<tr><td rowspan="2">
<button type="button" action = "javascript:void(0)" onclick = "document.getElementById('light1').style.display='none';document.getElementById('fade1').style.display='none'">Go to Step three</button>
</td>
</tr>
</table>
</div>
<div id="fade1" class="black_overlay"></div>
<!--button 3-->
<button type="button" action = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='block';document.getElementById('fade2').style.display='block'">Step three</button>
<div id="light2" class="white_content">
<h2>Basic Info <span class="red"><strong>STEP 3</strong></span></h2>
<div id="D1">
<p>Submit this form now
</p>
</div>
<input type="submit" action = "TASubmit.php" >Submit</input>
</div>
<div id="fade2" class="black_overlay"></div>
</form>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="12u">
<div id="copyright">
<ul class="menu">
<li>© Website. All rights reserved</li><li>Design: <a href="#">Computer Science </a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<!-- Javascript -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/scripts.js"></script>
</body>
</html>
这是我的PHP之一:
<?php
$servername = "localhost";
$username = "root";
$password = "mkmbhs";
$dbname = "HACsys";
// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error )) {
die("connect error({$conn->connect_errno}) {$conn->connect_error}")
$p_name = mysql_real_escape_string($_POST['p_name']);
$p_loc = mysql_real_escape_string($_POST['p_loc']);
$p_desc = mysql_real_escape_string($_POST['p_desc'])
$Goals = mysql_real_escape_string($_POST['Goals'])
$stdate = mysql_real_escape_string($_POST['stdate'])
$enddate = mysql_real_escape_string($_POST['enddate'])
$input_exp = mysql_real_escape_string($_POST['input_exp'])
$Operating_exp = mysql_real_escape_string($_POST['Operating_exp'])
$sd_staff = mysql_real_escape_string($_POST['sd_staff'])
$int_staff = mysql_real_escape_string($_POST['int_staff'])
$ch1 = mysql_real_escape_string($_POST['ch1'])
$ch2 = mysql_real_escape_string($_POST['ch2'])
$ch3 = mysql_real_escape_string($_POST['ch3'])
$ch4 = mysql_real_escape_string($_POST['ch4'])
$ch11 = mysql_real_escape_string($_POST['ch11'])
$ch33 = mysql_real_escape_string($_POST['ch33'])
$ch44 = mysql_real_escape_string($_POST['ch44'])
$ch55 = mysql_real_escape_string($_POST['ch55'])
$Budget = $input_exp + $Operating_exp ;
$sql = "INSERT INTO hac_emp (proj_name,Location,Start _date,End_date,General_goals,Budget,inputs_expenses ,Operating_expenses,NGO_Partners,CBOs_Partners,Govern_Partners,other_Partners,Sd_emp,int_emp, p_desc)
VALUES ('$p_name','$p_loc',$stdate,$enddate,'$Goals',$Budget,$input_exp,$Operating_exp,$ch1,$ch3,$ch2,$ch4,$sd_staff,$int_staff,'$p_desc')";
$result = mysql_query($sql);
if (mysqli_query($conn, $sql)) {
echo "New record created successfully";}
else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);}
mysqli_close($conn);
?>
答案 0 :(得分:2)
似乎错过了必须处理标签中的表单的页面网址。
<form action="myphppage.php" method="post">
您应该在action属性中写入目标网址
答案 1 :(得分:1)
是的,试试:
<form action="TASubmit.php" method="post">
..你可以删除&#34;动作&#34;来自提交按钮的属性。