i have build following form it works 100%. only one problem. when i open this page a blank data insert to database every time with out press any submit button.
I do not want to use php on seprate file like action="php/doctor.php" I do want to use php on same page of html form.
<?php
$servername = "localhost";
$username = "root";
$password = "";
?>
<?php
if (isset($_POST["dname"]))
{
$dname = $_POST['dname'];
} else {
$dname = null;
}
if (isset($_POST["mobile"]))
{
$mobile = $_POST['mobile'];
} else {
$mobile = null;
}
if (isset($_POST["dusername"]))
{
$dusername = $_POST['dusername'];
} else {
$dusername = null;
}
if (isset($_POST["dpassword"]))
{
$dpassword = $_POST['dpassword'];
} else {
$dpassword = null;
}
try {
$conn = new PDO("mysql:host=$servername;dbname=team", $username, $password);
// set the PDO error mode to exception
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$sql = "INSERT INTO doctor (dname, mobile, dusername, dpassword)
VALUES ('$dname', '$mobile', '$dusername', '$dpassword')";
// use exec() because no results are returned
$conn->exec($sql);
echo '<div class="alert alert-success alert-dismissible">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>Success!</strong> Indicates a successful or positive action.
</div>';
}
catch(PDOException $e)
{
echo $sql . "<br>" . $e->getMessage();
}
$conn = null;
?>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/jquery-1.12.3.min.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="style/team.css">
<link rel="stylesheet" href="style/teams.css">
<script src="js/javas.js"></script>
</head>
<body >
<form class="form-horizontal" action="doctor.php" method="post" role="form">
<div class="form-group">
<label class="control-label col-sm-2" >Doctor Name:</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="dname" placeholder="Enter email">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" >Mobile:</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="mobile" placeholder="Enter mobile">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">User name:</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="dusername" placeholder="Enter username">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Password:</label>
<div class="col-sm-8">
<input type="password" class="form-control" name="dpassword" placeholder="Enter password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</form>
</div>