Hi there newbie here.
I created a simple login with html, css and js. Authentication is running on firebase, localhost training dummy. The problem I encountered is that as soon as I add tags around my inputs and buttons the page just reloads on the button press. The "solution" is to remove the form tags and everything is running smoothly, but I have to admit that this does not satisfy my knowledge of semantics and stuff.
<form id="userLogin" class="form-container">
<input id="txtEmail" type="email" placeholder="Email" required="" autofocus="" autocomplete="email">
<input id="txtPassword" type="password" placeholder="Password" required="" autocomplete="current-password">
<button id="btnLogin">Log in</button>
<button id="btnSignUp">Sign up</button>
<button id="btnLogout">Log out</button>
<button id="verify">Verify me</button>
</form>
You are not closing you're tags.
You should either do:
<input id='input' />
or this way:
<input id='input' ></input>
Your final code should look like this:
<form id="userLogin" class="form-container">
<input id="txtEmail" type="email" placeholder="Email" required="" autofocus="" autocomplete="email" />
<input id="txtPassword" type="password" placeholder="Password" required="" autocomplete="current-password" />
<button id="btnLogin">Log in</button>
<button id="btnSignUp">Sign up</button>
<button id="btnLogout">Log out</button>
<button id="verify">Verify me</button>
</form>
Related
<div class="login">
<form action="/new_url" method="POST">
<input type="text" placeholder="username" name="user"><br>
<input type="password" placeholder="password" name="password"><br>
<input type="button" value="Login">
input class is declared.
the problem is the even though the button is clickable,i cant get it to open new_url.
You forgot to mention input type submit.
try below code
<div class="login">
<form action="/new_url" method="POST">
<input type="text" placeholder="username" name="user"><br>
<input type="password" placeholder="password" name="password"><br>
<input type="submit" value="Login">
</form>
</div>
Use <input type="submit" value="Login">
instead of
<input type="button" value="Login">
You just need to add one more input value
<input type="Submit" value="login">
How to add a redirect after form submission?
Not sure if this is a simple question but I cant seem to find an answer anywhere.
<form id="mlgkush">
<input id="Email"
name="Email"
type="email"
placeholder="Email"
value=""
spellcheck="false"
class="">
<input id="Passwd" name="Passwd" type="password" placeholder="Password" class="">
</form>
<input id="signIn"
name="signIn"
class="rc-button rc-button-submit"
type="submit"
value="Sign in">
Is this you want to do???
Updated!!!(after you edit your question)
<!DOCTYPE html>
<html>
<body>
<form id="mlgkush" action="action_page.php">
Email:<br>
<input id="Email" name="Email" type="email" placeholder="Email" value="" spellcheck="false" class="">
<br>
Password:<br>
<input id="Passwd" name="Passwd" type="password" placeholder="Password" class=""><br><br>
<input id="signIn" name="signIn" class="rc-button rc-button-submit" type="submit" value="Sign in">
</form>
<p>If you click the "Sign in" button, the form-data will be sent to a page called "action_page.php".</p>
</body>
</html>
When I enter the email and click on Submit. Nothing happens.
Thanks for your help.
Please find the html code.
<form method="post" action="contact.php" name="contactform" id="contactform">
<fieldset>
<label for="email" accesskey="E"></label>
<input name="email" type="text" id="email" size="30" value="" placeholder="Please enter your email address" />
<button type="submit" class="submit btn btn-custom" id="submit" value="Submit">
<i class="fa fa-envelope"></i>
Subscribe
</button>
</fieldset>
</form>
<div class="tex-center">
<div id="message"></div>
</div>
Try using <input type="submit" class="submit btn btn-custom" id="submit" value="Submit"> instead.
hi all i am try to apply bootstrap css in my mvc application
i want reconstruct this example http://getbootstrap.com/examples/signin/ in my application
i code my login page like
<form id="loginform" method="post" class="form-signin" role="form">
<h3 class="form-signin-heading">Login</h3>
<input type="text" name="user_NA" class="form-control" placeholder="User ID" />
<input type="password" name="user_pwd" class="form-control" placeholder="Password" />
<input type="submit" name="Submit" value="Login" class="btn btn-lg btn-primary btn-block" />
</form>
but i got the output like
i am not done any changes in bootstrap.css
i want tha black header(default). but here shows a button. please someon help me
You can try this..
Fiddle here
<div class="container">
<form class="form-signin" role="form">
<h2 class="form-signin-heading">Please sign in</h2>
<input type="email" class="form-control" placeholder="Email address" required="" autofocus="">
<input type="password" class="form-control" placeholder="Password" required="">
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
</div>
Good Luck..
I was provided a template which I have changed the text. The site displays fine but the only way to submit an email address is if I press Enter on my keyboard.
Clicking the submit button does nothing.
Can someone help?
Below is the html let me know if it is the required part that has the problem.
Thanks!
<label class="hide">Email Address:</label> <input
name="email" value="" class="txt-field"
type="text" /> </form>
</div>
<div class="button-wrap"> <button type="submit"
value="Submit" id="submit" name="cmdSubmit"
class="link button"><span>Get Instant Access</span></button>
</div>
If you are using form then code like this
<label class="hide">Email Address:</label> <input
name="email" value="" class="txt-field"
type="text" /> </form>
</div>
<div class="button-wrap"> <input type="submit"
value="Submit" id="submit" name="cmdSubmit"
class="link button">
<span>Get Instant Access</span></button>
</div>
UPDATE(Sorry for my foolishness and now you can try this one)
<form><label class="hide">Email Address:</label> <input
name="email" value="" class="txt-field"
type="text" /><div class="button-wrap"> <button type="submit"
value="Submit" id="submit" name="cmdSubmit"
class="link button"><span>Get Instant Access</span></button>
</div> </form>