• 0

Need Some Help with form action in HTML Code


Question

Hello!

I'm doing some homework for my university and I would like my homework to be accessed remotely as well.

I have already port formwarded and I can access my webpage but when I press submit from a Remote IP my webpage does not work correctly because there's a mistake in the form action code line and I do not know how to correct that.

 

Here's the HTML code

 

 I want to correct the form action line in order for my webpage to work correctly from other clients as well

<!-- A form for selection a of a continent. Selection to be sent by POST -->
<HTML>
<HEAD>
   <TITLE>Cookie will be written in our disc</TITLE> 
</HEAD>
<BODY>
<FORM ACTION="http://localhost:8080/myExamplesDir/firstCookieDemo"
                                                                                                                         METHOD="POST">      
      <STRONG>Select the Continent of your Destination:<br> </STRONG>
      <PRE>
      <INPUT TYPE="radio" NAME="continent" VALUE="Europe">check here for Europe<BR>
      <INPUT TYPE="radio" NAME="continent" VALUE="Asia">check here for Asia<BR>
 <INPUT TYPE="radio" NAME="continent" VALUE="America" CHECKED>check here for America<BR>
      <INPUT TYPE="radio" NAME="continent"  VALUE="Africa">check here for Africa<BR>
      </PRE>
      <INPUT TYPE="submit" VALUE="Submit">
      <INPUT TYPE="reset"> </P>
   </FORM>
</BODY>
 
</HTML>

post-174060-0-09778000-1399732886.png

post-174060-0-34811800-1399732888.png

post-174060-0-66110800-1399732890.png

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

The remote machine will be trying to connect to it's own localhost.

Is there any way to correct that?

Link to comment
Share on other sites

  • 0

Is there any way to correct that?

 

If you want it online so that it can be accessed by anyone you will need to setup a web server. There are much quicker solutions such as: http://bowery.io which sets up a dev environment in 30 seconds and gives u a web accessible URL... if you are not experienced with servers and web dev stuff you will need to read up on the docs... or better yet a few dollars for a host account and host it online.

Link to comment
Share on other sites

  • 0

First up, you're missing a closing > on your form line.

 

Never mind, but why all the tab space?

Link to comment
Share on other sites

  • 0

If I change my

<FORM ACTION="http://localhost:8080/myExamplesDir/firstCookieDemo">

to

< <FORM ACTION="http://myhostname.com:8080/myExamplesDir/firstCookieDemo"

 

It will work but it won't work on my hostname

Link to comment
Share on other sites

  • 0

Setup your router and apache server config to make your localhost a public ip server.

 

So first make sure you're using port 80 instead of 8080 then test if you can connect with another device on the same wifi network to your computer ip"*

Then forward your pc ip to your public ip**

 

 

 

*192.168.1."something" in most cases

**63.233.34.12 looks like this

 

 

If you got a hostname(example.com) make sure to point it to your pc ip address, this can be done with a A record.

Link to comment
Share on other sites

  • 0

Try changing

<FORM ACTION="http://localhost:8080/myExamplesDir/firstCookieDemo"

to

<FORM ACTION="firstCookieDemo"

so the the form post action will use relative paths instead of absolute ones.

Link to comment
Share on other sites

  • 0
<form action="/myExamplesDir/firstCookieDemo"  method="POST">

That should do it. Starting a URL with / makes it relative to the current host root.

 

And please use lowercase HTML elements, it looks much better and is a convention. If you start using developer tools you'll notice everything is lowercase too, even if you write it uppercase in your HTML.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.