我有一个表单,有一个名为“submit”(form3)的按钮,当它被点击时,表单中输入的内容应该发送到数据库或其他东西。虽然当我点击 “提交” 什么也没有发生: ===>见表格:提交按钮不适用于每个浏览器
<?php
header('Content-Type: text/html; charset=utf-8'); // it's use Firefox.... it's set UTF-8 character setting
?>
<!DOCTYPE html>
<!-- Author: Salhi Fadhel -->
<!--[if IE 8]><html class="ie8 no-js" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9 no-js" lang="en"><![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
\t <!--<![endif]-->
\t <!-- start: HEAD -->
\t <head>
\t \t <title>RefactorErl</title>
\t \t <!-- start: META -->
\t \t <meta charset="utf-8" />
\t \t <!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
\t \t <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
\t \t <meta name="apple-mobile-web-app-capable" content="yes">
\t \t <meta name="apple-mobile-web-app-status-bar-style" content="black">
\t \t <meta content="" name="description" />
\t \t <meta content="" name="author" />
\t \t <!-- end: META -->
\t \t <!-- start: MAIN CSS -->
\t \t <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
\t \t <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
\t \t <link rel="stylesheet" href="assets/fonts/style.css">
\t \t <link rel="stylesheet" href="assets/css/main.css">
\t \t <link rel="stylesheet" href="assets/css/main-responsive.css">
\t \t <link rel="stylesheet" href="assets/plugins/iCheck/skins/all.css">
\t \t <link rel="stylesheet" href="assets/plugins/perfect-scrollbar/src/perfect-scrollbar.css">
\t \t <link rel="stylesheet" href="assets/css/theme_light.css" id="skin_color">
\t \t <!--[if IE 7]>
\t \t <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome-ie7.min.css">
\t \t <![endif]-->
\t \t <!-- end: MAIN CSS -->
\t \t <!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
\t \t <!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
\t </head>
\t <!-- start: MAIN JAVASCRIPTS -->
\t \t <!--[if lt IE 9]>
\t \t <script src="assets/plugins/respond.min.js"></script>
\t \t <script src="assets/plugins/excanvas.min.js"></script>
\t \t <![endif]-->
\t \t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
\t \t <script src="assets/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
\t \t <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
\t \t <script src="assets/plugins/blockUI/jquery.blockUI.js"></script>
\t \t <script src="assets/plugins/iCheck/jquery.icheck.min.js"></script>
\t \t <script src="assets/plugins/perfect-scrollbar/src/jquery.mousewheel.js"></script>
\t \t <script src="assets/plugins/perfect-scrollbar/src/perfect-scrollbar.js"></script>
\t \t <script src="assets/js/main.js"></script>
\t \t <!-- end: MAIN JAVASCRIPTS -->
\t \t <!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
\t \t <script src="assets/plugins/jquery-validation/dist/jquery.validate.min.js"></script>
\t \t <script src="assets/js/login.js"></script>
\t \t <!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
\t \t <script>
\t \t \t jQuery(document).ready(function() {
\t \t \t \t Main.init();
\t \t \t \t Login.init();
\t \t \t });
\t \t </script>
\t
\t
\t
\t <!-- end: HEAD -->
\t <!-- start: BODY -->
\t <body class="login example2">
\t \t <div class="main-login col-sm-4 col-sm-offset-4">
\t \t \t <div class="logo" color="red">RefactorErl
\t \t \t </div>
\t \t \t <!-- start: LOGIN BOX -->
\t \t \t <div class="box-login">
\t \t \t \t <h3>Sign in to your account</h3>
\t \t \t \t <p>
\t \t \t \t \t Please enter your name and password to log in.
\t \t \t \t \t
\t \t \t \t </p>
\t \t \t \t <form class="form-login" id="form1" method="post" action="">
\t \t \t \t \t <div class="errorHandler alert alert-danger no-display">
\t \t \t \t \t \t <i class="icon-remove-sign"></i> You have some form errors. Please check below.
\t \t \t \t \t </div>
\t \t \t \t \t <fieldset>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <span class="input-icon">
\t \t \t \t \t \t \t \t <input type="text" class="form-control" name="username" placeholder="Username or Email">
\t \t \t \t \t \t \t \t <i class="icon-user"></i> </span>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-group form-actions">
\t \t \t \t \t \t \t <span class="input-icon">
\t \t \t \t \t \t \t \t <input type="password" class="form-control password" name="password" placeholder="Password">
\t \t \t \t \t \t \t \t <i class="icon-lock"></i>
\t \t \t \t \t \t \t \t <a class="forgot" href="#">
\t \t \t \t \t \t \t \t \t I forgot my password
\t \t \t \t \t \t \t \t </a> </span>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-actions">
\t \t \t \t \t \t \t <button type="submit" class="btn btn-bricky pull-right" name="login" id="login">
\t \t \t \t \t \t \t \t Login <i class="icon-circle-arrow-right"></i>
\t \t \t \t \t \t \t </button>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="new-account">
\t \t \t \t \t \t \t Don't have an account yet?
\t \t \t \t \t \t \t <a href="#" class="register">
\t \t \t \t \t \t \t \t Create an account
\t \t \t \t \t \t \t </a>
\t \t \t \t \t \t </div>
\t \t \t \t \t </fieldset>
\t \t \t \t </form>
\t \t \t </div>
\t \t \t <!-- end: LOGIN BOX -->
\t \t \t <!-- start: FORGOT BOX -->
\t \t \t <div class="box-forgot">
\t \t \t \t <h3>Forget Password?</h3>
\t \t \t \t <p>
\t \t \t \t \t Enter your e-mail address below to reset your password.
\t \t \t \t </p>
\t \t \t \t <form class="form-forgot" id="form2" method="post" action="">
\t \t \t \t \t <div class="errorHandler alert alert-danger no-display">
\t \t \t \t \t \t <i class="icon-remove-sign"></i> You have some form errors. Please check below.
\t \t \t \t \t </div>
\t \t \t \t \t <fieldset>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <span class="input-icon">
\t \t \t \t \t \t \t \t <input type="email" class="form-control" name="email" placeholder="Email">
\t \t \t \t \t \t \t \t <i class="icon-envelope"></i> </span>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-actions">
\t \t \t \t \t \t \t <button class="btn btn-light-grey go-back">
\t \t \t \t \t \t \t \t <i class="icon-circle-arrow-left"></i> Back
\t \t \t \t \t \t \t </button>
\t \t \t \t \t \t \t <button type="submit" class="btn btn-bricky pull-right">
\t \t \t \t \t \t \t \t Submit <i class="icon-circle-arrow-right"></i>
\t \t \t \t \t \t \t </button>
\t \t \t \t \t \t \t
\t \t \t \t \t \t </div>
\t \t \t \t \t </fieldset>
\t \t \t \t </form>
\t \t \t </div>
\t \t \t <!-- end: FORGOT BOX -->
\t \t \t <!-- start: REGISTER BOX -->
\t \t \t <div class="box-register">
\t \t \t \t <h3>Sign Up</h3>
\t \t \t \t <p>
\t \t \t \t \t Enter your personal details below:
\t \t \t \t </p>
\t \t \t \t <form class="form-register" id="form3" method="post" >
\t \t \t \t
\t \t \t \t \t <div class="errorHandler alert alert-danger no-display">
\t \t \t \t \t \t <i class="icon-remove-sign"></i> You have some form errors. Please check below.
\t \t \t \t \t </div>
\t \t \t \t \t <div class="successHandler alert alert-success no-display">
\t \t \t \t \t \t <i class="icon-ok"></i> Your form validation is successful!
\t \t \t \t \t </div>
\t \t \t \t \t <fieldset>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <input type="text" class="form-control" name="full_name" id="full_name" placeholder="Full Name">
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <input type="text" class="form-control" name="address" id="address" placeholder="Address">
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <input type="text" class="form-control" name="city" id="city" placeholder="City">
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <p>
\t \t \t \t \t \t \t Enter your account details below:
\t \t \t \t \t \t </p>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <span class="input-icon">
\t \t \t \t \t \t \t \t <input type="email" class="form-control" id="email" name="email" placeholder="Email">
\t \t \t \t \t \t \t \t <i class="icon-envelope"></i> </span>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <span class="input-icon">
\t \t \t \t \t \t \t \t <input type="password" class="form-control" id="password" name="password" placeholder="Password">
\t \t \t \t \t \t \t \t <i class="icon-lock"></i> </span>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t <span class="input-icon">
\t \t \t \t \t \t \t \t <input type="password" class="form-control" name="password_again" placeholder="Password Again">
\t \t \t \t \t \t \t \t <i class="icon-lock"></i> </span>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class="form-actions">
\t \t \t \t \t \t \t <button class="btn btn-light-grey go-back">
\t \t \t \t \t \t \t \t <i class="icon-circle-arrow-left"></i> Back
\t \t \t \t \t \t \t </button>
\t \t \t \t \t \t \t <button type="submit" class="btn btn-bricky pull-right" id="submit" >
\t \t \t \t \t \t \t \t Submit <i class="icon-circle-arrow-right"></i>
\t \t \t \t \t \t \t </button>
\t \t \t \t \t \t </div>
\t \t \t \t \t </fieldset>
\t \t \t \t </form>
\t \t \t </div>
\t \t \t <!-- end: REGISTER BOX -->
\t \t \t <!-- start: COPYRIGHT -->
\t \t \t <div class="copyright">
\t \t \t \t © <?php echo date("Y")?> ELTE IK</i>
\t \t \t </div>
\t \t \t <!-- end: COPYRIGHT -->
\t \t </div>
\t \t
\t </body>
\t <!-- end: BODY -->
</html>
<?php
if (isset($_POST['submit']))
{
echo "<script>alert(\"Just a test .\");</script>";
\t
}
?>
查看表单“form3”的内容:
only form3 not working @salhi? –
所以onclick你期望什么? –