-1

I am working on a html page with an input bar. How can I get the form data from this page to another html page with a iframe? Because I need to embed the search result from other site but I want to show on my site new page. I just guess should use iframe. But I don't know how to get data and add in page address field.

Jessica Rodriguez
  • 2,899
  • 1
  • 12
  • 27
Halala
  • 3
  • 1

1 Answers1

0

You have several options here:

1) If your form uses GET method, then all the text data from the form will be passed to next page (which is set up as an "action" attribute of the form) in URL (like www.example.com/?name=John&lastname=Doe). After that, you can extract data from this URL using code from this StackOverflow question and put it inside HTML element using Javascript as well like it is done here

2) Whatever server language you use, you can get query variables from there and put them to the page before sending it to the client. In case of PHP, check this example. NB: don't forget about security.

3) You can temporarily store text in localStorage API of the browser. Simply set the value before submitting the form and then get it on the next page.

iFrame would be inefficient and not needed here.

coolha1rcut
  • 51
  • 4