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>
Related
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>
I have been trying to implement a form that goes to either normal Google search results or it's first search result. This is what I have tried.
<form action="https://google.com/search">
<input type="text" name="q" class="box">
<br>
<div>
<input type="submit" value="Google Search" class="button">
<input type="submit" value="I'm Feeling Lucky" class="button" formaction="https://google.com/search?&btnI=1">
</div>
</form>
I know for a fact that if I search for let's say "AMD" then the I'm feeling lucky URL should be "https://google.com/search?q=AMD&btnI=1"
However, I am not able to add that "&btn1" at the end of the URL.
It will work fine.
<form action="https://google.com/search">
<input type="text" name="q" class="box">
<br>
<div>
<input type="submit" name="btnK" value="Google Search" class="button">
<input type="submit" name="btnI" value="I am Feeling Lucky" class="button">
</div>
</form>
Use <button type="submit"> instead:
<form action="https://google.com/search">
<input type="text" name="q" class="box">
<br />
<div>
<button type="submit" class="button">Google Search</button>
<button type="submit" name="btnl" value="1" class="button">I'm Feeling Lucky</button>
</div>
</form>
The only thing you have to do is to give the name "btnI" to the input.
<input type="submit" value="I'm feeling lucky" name="btnI">
I have modal window with pure css. When I click submit button, my modal window does not disappear. How can I hide my modal window? Here is my code. Here is CSS and HTML code. Do you have any ideas?
<div class="banner-content text-center" >
<br/><br/>
ORDER
<div id="open-modal" class="modal-window" id="modal-window">
<div>
Close
<h1>Contact Form</h1>
<div>
<div class="container">
<form name="contactform" method="post">
<input type="text" id="fname" name="first_name" >
<input type="text" id="lname" name="email">
<input type="text" id="phone" name="phone" >
<textarea id="subject" name="subject" style="height:150px"></textarea>
<input type="submit" name="submit" id="submit" value="Send">
</form>
</div>
</div>
</div>
</div>
</div>
Using Bootstrap - try this:
$('#submit').submit(function(e) {
e.preventDefault();
$('#IDModal').modal('hide');
return false;
});
Also - I don't see a button type. I would recommend switching <input type="submit" name="submit" id="submit" value="Send"> to < <button type="submit" name="submit" id="submit" value="Send">.
Let me know your results!
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.
I'm trying to get our login portal working, but for some reason it won't accept the login details. It just won't submit the information, it just refreshes the page.
Any ideas would be extremely appreciated on how to fix this.
Many thanks!
<div id="nav">
<ul>
<li id="login">
<a id="login-trigger" href="#">
Log In <span>▼</span>
</a>
<div id="login-content">
<form>
<form action="https://na6.salesforce.com/secur/login_portal.jsp" method="POST">
<input type="hidden" value="00D80000000anEa" name="orgId">
<input type="hidden" value="060800000006ANB" name="portalId">
<input type="hidden" value="true" name="useSecure">
<input type="hidden" value="2" name="loginType">
<input type="hidden" name="action" value="loginAction">
<fieldset id="inputs">
<input id="txtUserIdGutter" class="InputText" type="text" name="Email" placeholder="Your email address" required>
<input id="txtPasswordGutter" class="InputText" type="password" name="Password" placeholder="Password" required>
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="Log in">
<label><input type="checkbox" checked="checked"> Keep me signed in</label>
<label>Forgot Password?</label>
</fieldset>
</form>
</div>
</li>
</ul>
</div>
Take out your extra <form> tag.
<div id="login-content">
<!-- Remove this line: --> <form>
<form action="https://na6.salesforce.com/secur/login_portal.jsp" method="POST">
When the page refreshes, it's supposed to hit your code behind.
Do you have a log line or a breakpoint that you expect your code to be called?
Also, you have double form tags:
<form><form action="https://na6.salesforce....
Try to remove the first one.