How to submit different forms with same input - html

Im trying to implement the "i'm feeling lucky" functionality in a quite simple web. The thing is that at first, without this button, the query was properly done (i mean when doing a normal search). But, when i included the im feeling lucky button, the normal search stopped working and know even when you click on norma search it goes directly to the firs result. im new to HTML and still lost regarding forms. Note that i cant do it using js cause its for an assignment meant to be done only with HTML.
Thanks a lot for your help :D
Image
Advanced
<form action="https://www.google.com/search?">
<div><input type="text" name="q" id="search"></div>
<div>
<input type="submit" value="Google Search" id="button">
<form>
<input type="hidden" name="btnI" value="1">
<input type="submit" value="I'm feeling lucky" id="button">
</form>
</div>
</form>

In case that you need two buttons with one text field, perhaps a different approach would be useful. Use
<button type="submit" name="action" value="val1"></button>
and
<button type="submit" name="action" value="val2"></button>
but be careful with this one, since some browsers will upload value from the "value" attribute.
The other method is to use some PHP in your script, like this:
<input type="submit" name="update_button" value="Update" />
<input type="submit" name="delete_button" value="Delete" />
<?php
if (isset($_POST['update_button'])) {
//update button
} else if (isset($_POST['delete_button'])) {
//delete button
} else {
//no button was pressed
}
?>
Happy coding!

You cannot nest forms
You need two forms:
Image
Advanced
<form action="https://www.google.com/search?">
<div><input type="text" name="q" id="search"></div>
<div>
<input type="submit" value="Google Search" id="button">
<input type="hidden" name="btnI" value="1">
</div>
</form>
<form action="https://www.google.com/search?"><input type="hidden" name="q" value="I'm feeling lucky"><button>I'm feeling lucky</button></form>

A few notes:
you have a form tag nested inside the other which is wrong.
you have two submit button with same id.
Remove these issues and it will work as desired.

As I see it, you want to have window inside another window, both of which will have buttons? In that case, don't go form inside form, make it div inside div and in both of them, enter a form, here's and example:
<div id="div1">
<form action="https://www.google.com/search?">
<input type="text" name="q" id="search">
<input type="submit" value="Google Search" id="btn1" class="button">
</form>
<div id="div2">
<form action="https://www.google.com/search?">
<input type="text" name="q2" id="search">
<input type="submit" value="Google Search" id="btn2" class="button">
</form>
</div>
</div>

Related

Displaying images on demand

I need to make sure that when I enter a request, I get pictures (in google). There is such a line of html code:
<div>
<form action="https://www.google.com/imghp">
<input type="text" name="q">
<input type="submit" value="Google Image Search">
</form>
</div>
But when you enter a request, it simply throws it to the page with a request, where you need to PRESS the search button. Is there any way to make the pictures of my request appear?
For Searching in Google Images, you can use this HTML code:
<form method="GET" action="http://images.google.com/images">
<input type="text" name="q">
<input type="submit" value="Search Google Images">
</form>

Sending an email using HTML form

Here is my code.
<form action="MAILTO:example#gmail.com " method="post" enctype="text/file">
A3 or A4:<br>
<input type="text" name="A3 or A4"><br>
Add image:<br>
<input type="file" name="image"><br>
<input type="button" id=" value="click">
</form>
Issue: After Clicking the submit button or in this case just the button, nothing happens. I am currently using gmail so if you could please help.
First, a button of input type="button" will not prompt the POST action. You should be using a submit button:
<input type="submit" value="click"/>
Second, form action="MAILTO: " should be form action="mailto:someone#example.com".
A simple example perhaps could provide some insights. Yet, as you mentioned Gmail usage, I suggested reading Gmail API Guides in which examples of various languages are provided.
The button should have type="submit"
<form action="mailto:" enctype="text/file" method="post">
A3 or A4:<br>
<input name="A3 or A4" type="text"><br>
Add image:<br>
<input name="image" type="file"><br>
<input type="submit" value="Send">
</form>

Form with get method no longer posting to action url

My form no longer posts to the action url. Here is the html code:
<form method="get" action="/search-results/">
<input type="text" placeholder="Search" name="q">
<input type="submit" value="Search">
</form>
Why isn't the form posting?
This HTML looks correct, so you could have some JavaScript that is preventing the default form submission.
<input type="submit" value="Search">
<input type="submit" name="submit" value="Search">
try this let me know give some code for problem you may past ...

How to set button's label without changing value in post

I've got this code in html:
<form action="/login/" method="post">
<input type="text" name="login">
<input type="text" name="pass">
<input type="submit" value="login" name="type" >
<input type="submit" value="register" name="type" >
</form>
When I submit this form it sends a get request with the value of the field of the button clicked. However I want to change the label of the button without changing the value sent in get. Is it possible or not?
Use a button element:
<button type="submit" name="type" value="register">Sign up for an account</button>
Note that old IE has problems with this.

HTML Search Bar

I don't know how to put it exactly, so here goes.
I've created a search bar on my webpage that uses your input text to search another website.
This is what I've got (things have been censored):
<form name="search" class="form-search" method="get" action="http://www.nameofwebsite.com/search.php?">
<input name="searchbynum" type="text" class="search-query input-large" onkeypress="return submitenter(this,event)">
<button type="submit" class="btn btn-primary">Search</button>
</form>
When searching on the actual website, the search URL looks like this:
http://www.nameofwebsite.com/search.php?searchbynum=search+phrase&searchbydesc=&Submit=Go
Where "search+phrase" is what is searched. To get to the point,
What would I have to do to add the "&searchbydesc=&Submit=Go" at the end of the search?
Add hidden fields to your page.
<form ...>
<div>
<input type="hidden" name="searchbydesc" value="" />
<input type="hidden" name="Submit" value="Go" />
</div>
</form>
Note that your HTML as it is, is invalid. A <form> element cannot have <input /> elements as immediate children, they must be wrapped in a <div> or <fieldset> or other similar elements.