I have been trying to figure out why Chrome auto fills the wrong fields. Every tutorial I have seen says to shut off but that is not a good idea since my users would have to turn off their auto-fill and that is just no a solution. Here is the code I am using.
<form class="form" action="login.php" method="post" enctype="multipart/form-data" autocomplete="off">
<div style="margin-top: 60px;margin-bottom: 20px;color: #b30000;" class="alert alert-error"></div>
<center>
<?php echo($_SESSION['loginerror']);?>
<input style="margin-top: -40px;" type="text" placeholder="Email Address" name="email" required />
<br>
<input style="margin-top: 0px;" type="password" placeholder="Password" name="password" required>
<br>
<input type="submit" value="Log-In" name="submit" style="width: 50%;margin-left: 20px;margin-top: 15px;" class="btn btn-block btn-primary" />
<p style="margin-top: 10px;font-size: 12px;">Forgot your password? Click Here</p>
</center>
<br>
Here is a screen shot of how it appears to the user. It is my street address.
You can use type="email" to give the browser a hint.
<input type="email" name="email">
<input type="password" name="password">
Add autofill attribute to input, will solve this issue
<input ..... autocomplete="off">
P.N: As i know Firefox will not respond to this
check browser compatibility
You can change it to the following
<input ... type="text" name="email" required>
<input ... type="password" name="password" autocomplete="new-password">
or
<input ... type="email" name="email" required>
<input ... type="password" name="password" autocomplete="new-password">
Related
I would like to work on registration process for which with the help of Google and Youtube i have created "Sign-in & Sing-up" page togather with toggle option however unable to run registration.php file once user provide registration info at login.html file. Codes are as follows :
<form id="login" class="input-group">
<input type="text" class="input-field" placeholder="User Id" required>
<input type="password" class="input-field" placeholder="Enter Password" required>
<input type="checkbox" class="check-box"><span>Remember Password</span>
<button type="submit" class="submit-btn">Sign-In</button>
</form>
<form Id="register" class="input-group">
<input type="text" class="input-field" placeholder="User Id" required>
<input type="email" class="input-field" placeholder="Email Id" required>
<input type="password" class="input-field" placeholder="Enter Password" required>
<input type="password" class="input-field" placeholder="Confirm Password" required>
<input type="phone-number" class="input-field" placeholder="Mobile Number" required>
<input type="checkbox" class="check-box"><span>I agree to the terms & conditions</span>
<button type="submit" class="submit-btn">Sign-Up</button>
</form>
How to execute registration.php file when Sign-up button clicked at login.html file? Same goes for login option too.
Make sure to add method="POST" and action="path/function.php" and name="desiredName"in your forms like this:
<form id="login" class="input-group" method="POST" action="file_path/login.php">
<input type="text" class="input-field" placeholder="User Id" name ="user" required>
<input type="password" class="input-field" placeholder="Enter Password" name="password" required>
<input type="checkbox" class="check-box"><span>Remember Password</span>
<button type="submit" class="submit-btn">Sign-In</button>
</form>
And then in PHP to "catch" the data from the post, you'll use something like this:
$this->getpost['user'];
Or
$_POST['user'];
The method attribute specifies how to send form-data (the form-data is sent to the page specified in the action attribute).
The form-data can be sent as URL variables (with method="get") or as HTTP post transaction (with method="post").
check here for more details w3schools
<form id="login" class="input-group" method="POST" action="file_path/login.php">
<input type="text" class="input-field" placeholder="User Id" required>
<input type="password" class="input-field" placeholder="Enter Password" required>
<input type="checkbox" class="check-box"><span>Remember Password</span>
<input type="submit" class="submit-btn" value="Sign-In">
</form>
<form Id="register" class="input-group" method="POST" action="file_path/register.php">
<input type="text" class="input-field" placeholder="User Id" required>
<input type="email" class="input-field" placeholder="Email Id" required>
<input type="password" class="input-field" placeholder="Enter Password" required>
<input type="password" class="input-field" placeholder="Confirm Password" required>
<input type="phone-number" class="input-field" placeholder="Mobile Number" required>
<input type="checkbox" class="check-box"><span>I agree to the terms & conditions</span>
<input type="submit" class="submit-btn" value="Sign-Up">
</form>
EDIT according to your comment
replace button with input type="submit"
and place # before the php variable so you wont get undefined error notice(# is used to avoid error notice)
<div class="header">
<h2>Register here</h2>
</div>
<form method="post" action="register.php">
<?php include('errors.php'); ?>
<div class="input-group">
<label>Username</label>
<input type="text" name="username" value="<?php echo #$username; ?>">
</div>
<div class="input-group">
<label>Email</label>
<input type="email" name="email" value="<?php echo #$email; ?>">
</div>
<div class="input-group">
<label>Password</label>
<input type="password" name="password_1">
</div>
<div class="input-group">
<label>Confirm Password</label>
<input type="password" name="password_2">
</div>
<div class="input-group">
<label>Mobile number</label>
<input type="number" name="mobile" value="<?php echo #$mobile; ?>">
</div>
<div class="input-group">
<input type="submit" class="btn" name="reg_user" value="Sign-Up">
</div>
</form>
create register.php file
and in register.php
<?php
$con = mysqli_connect("localhost", "username", "password", "dbname") or trigger_error("Unable to connect to the database");
if(isset($_POST['reg_user'])){
$name = $_POST['username']; //here "username" is what you defined in the "name" field of input form
//define other variables
//write your own sql query , here is an example
$query = "INSERT INTO table(name) VALUES(?)";
$stmt = mysqli_stmt_init($con);
if(!mysqli_stmt_prepare($stmt,$query)){
echo "Error";
}else{
mysqli_stmt_bind_param($stmt,"s",$name);
mysqli_stmt_execute($stmt);
}
}
?>
How to resolve this issue. If I type localhost/login.php/ I should redirect localhost/login.php. If PHP_SELF is used in your page then a user can enter a slash (/) and then some Cross Site Scripting (XSS) commands to execute. How to solve this issue. Php more secure.
login.php/
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>/">
<script>
alert('hacked')
</script>
<input class="form-control" type="text" name="email" placeholder="E-mail Address" required>
<input class="form-control" type="password" name="password" placeholder="Password" required>
<div class="form-group form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" name="remember">Remember me
</label>
</div>
<div class="form-button">
<button id="submit" type="submit" class="ibtn">Login</button> Forget password?
</div>
</form>
I have a login form that takes input for user credentials. At the bottom I have a link to a Register user form. It takes me to a whole new page to register a user. However is there a way with JQuery AJAX to change the login form inputs to take registration inputs instead and send to the respective correct processing php files?
My form for login:
<div id="backgroundLogin">
<form name="login" method="post" action="./Login.php">
<fieldset>
<p id="title">
Connect-a-Cutie Login
</p>
<p id="email">
<label> Email:</label>
<input type="text" name="email" placeholder="Type your email...">
</p>
<p id="password">
<label>Password:</label>
<input type="text" name="password" placeholder="Type your password...">
</p>
<button href="./LoginPage.php" type="submit">Submit!</button>
<p>
<p>Not yet a member? Register now!</p>
</fieldset>
</form>
</div>
And my registration form:
<form action="RegistrationPage.php" method="POST">
Name: <input type="text" name="name" placeholder="Enter your name..."/><br/>
Email: <input type="text" name="email" placeholder="Enter your email..."/><br/>
Password: <input type="text" name="password" placeholder="Enter your password..."/> (make sure no one is looking...)<br/>
Addess: <input type="text" name="address" placeholder="Enter your address..."/><br/>
Do you want to be an admin? <input type="text" name="isAdmin" placeholder="TRUE or FALSE"/><br/><br/>
<button type="submit">Submit</button>
</form>
You can use the method of hiding one of the forms.
$("#switchForm").click(function(){
const isLoginVisible = $("#login_form").is(':not(:hidden)');
if(isLoginVisible) {
$("#login_form").hide();
$("#register_form").show();
$("#switchForm > p").html("Already member? Login now!");
} else {
$("#login_form").show();
$("#register_form").hide();
$("#switchForm > p").html("Not yet a member? Register now!");
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="backgroundLogin">
<fieldset>
<form id="login_form" name="login" method="post" action="./Login.php">
<p id="title">
Connect-a-Cutie Login
</p>
<p id="email">
<label> Email:</label>
<input type="text" name="email" placeholder="Type your email...">
</p>
<p id="password">
<label>Password:</label>
<input type="text" name="password" placeholder="Type your password...">
</p>
<button href="./LoginPage.php" type="submit">Submit!</button>
<p>
</form>
<form id="register_form" action="RegistrationPage.php" method="POST" style="display: none;">
Name: <input type="text" name="name" placeholder="Enter your name..."/><br/>
Email: <input type="text" name="email" placeholder="Enter your email..."/><br/>
Password: <input type="text" name="password" placeholder="Enter your password..."/> (make sure no one is looking...)<br/>
Addess: <input type="text" name="address" placeholder="Enter your address..."/><br/>
Do you want to be an admin? <input type="text" name="isAdmin" placeholder="TRUE or FALSE"/><br/><br/>
<button type="submit">Submit</button>
</form>
<a id="switchForm" href="#">
<p>Not yet a member? Register now!</p></a>
</fieldset>
</div>
I think that it will meet your expectations.
Try this! :)
$('.login-form a.show-register-form').click(function(){
$('.login-form').hide();
$('.register-form').show();
});
$('.register-form a.show-login-form').click(function(){
$('.register-form').hide();
$('.login-form').show();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="backgroundLogin">
<form name="login" method="post" action="./Login.php" class="login-form">
<fieldset>
<p id="title">
Connect-a-Cutie Login
</p>
<p id="email">
<label> Email:</label>
<input type="text" name="email" placeholder="Type your email...">
</p>
<p id="password">
<label>Password:</label>
<input type="text" name="password" placeholder="Type your password...">
</p>
<button href="./LoginPage.php" type="submit">Submit!</button>
<p>
<p>Not yet a member? Register now!</p>
</fieldset>
</form>
<form action="RegistrationPage.php" method="POST" class="register-form" style="display:none;">
Name: <input type="text" name="name" placeholder="Enter your name..."/><br/>
Email: <input type="text" name="email" placeholder="Enter your email..."/><br/>
Password: <input type="text" name="password" placeholder="Enter your password..."/> (make sure no one is looking...)<br/>
Addess: <input type="text" name="address" placeholder="Enter your address..."/><br/>
Do you want to be an admin? <input type="text" name="isAdmin" placeholder="TRUE or FALSE"/><br/>
<button type="submit">Submit</button>
<p>have user?, login here!</p>
</form>
</div>
I'm designing a login webpage and it looks like this:
where the '123456' is the password.
However, when I tried to hide the password by changing my code as:
<input Name="Password" type="password" id="Password" placeholder="Password" required="">
the input box for password became this:
So are there any ways to hide the password but keep the format of inputting text box?
Here's my source code:
<form action="login_singletest.php" method="post">
<div class="w3_cc">
</div>
<input type="text" class="margin-right" Name="Email" placeholder="Email" required="">
<input Name="Password" type="text" id="Password" placeholder="Password" required="">
<div class="clearfix"></div>
<div class="send-button agileits w3layouts">
<button class="btn btn-primary">Log In </button>
</div>
</form>
<input type="email" class="margin-right" Name="Email" placeholder="Email" required>
<input type="password" class="margin-right" type="password" name="Password" placeholder="Password" required>
My apology. My classmate passed me the wrong css file in which she didn't define "type = password". Now everything's settled after the css file was modified. #FunkFortyNiner Thank you very much for being so patient.
We were doing a project which involved a website and a database. We decided to host it using 000webhost.
So, we have 2 different forms, and both should redirect to different PHPs, but both end up redirecting to the same php.
I have attached the code of the forms here:
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<form action="csignup.php">
<div class="container">
<label><b>NAME<b></label><br>
<input type="text" placeholder="Enter Fullname" name="fname" required>
<br><label><b>email</b></label><br>
<input type="text" placeholder="Enter email" name="email" required><br>
<br><label><b>USERNAME</b></label><br>
<input type="text" placeholder="Enter username" name="uname" required><br>
<br><label><b>password</b></label><br>
<input type="password" placeholder="Enter password" name="pass" required><br>
<br><label><b>Re-password</b></label><br>
<input type="password" placeholder="Enter password" name="rpass" required><br>
<button type="SUBMIT">SUBMIT</button>
</div>
</form>
</div>
</div>
<!-- Modal content -->
<div class="modal1-content">
<span class="close1">×</span>
<form action="asignup.php">
<div class="container">
<label><b>NAME<b></label><br>
<input type="text" placeholder="Enter Fullname" name="fname" required>
<br><label><b>email</b></label><br>
<input type="text" placeholder="Enter email" name="email" required><br>
<br><label><b>USERNAME</b></label><br>
<input type="text" placeholder="Enter username" name="uname" required><br>
<br><label><b>password</b></label><br>
<input type="password" placeholder="Enter password" name="pass" required><br>
<br><label><b>Re-password</b></label><br>
<input type="password" placeholder="Enter password" name="rpass" required><br>
<button type="SUBMIT">SUBMIT</button>
</div>
</form>
</div>
</div>
We have mainly 2 PHPs for the signup option. "asignup.php" and "csignup.php".
But on clicking submit, on either of the forms, redirects and uses the "asignup.php".
We are not able to redirect to "csignup.php", even though we have specified it as the form action for one of the forms. Please take a look through it, and help us out.
Thanks