Home/ Questions/Q 8327171
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T01:01:00+00:00

I want my form to load webpages. I want to turn html textbox into

  • 0

I want my form to load webpages. I want to turn html textbox into address bar. Just like whenever I write URL into that, It loads webpages in the same window.
My current HTML code is:

<html>
<body>
<title>BlogSoc Browser</title>
<h1 style="font-family:verdana;font-size:50px;color:#000000;text-align:center;">Address Bar</h1>
<center><form method="GET" action="/load.php"><input type="text" name="url" value="http://" /><input type="submit" value="Go" name="submit" /></form></center>
</body>
</html>

It looks like this: (couldn’t post image)
or you can just open http://blogsoc.org/load
Please tell me the appropriate load.php code. Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Using client side scripting:

    <!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
        $('#myform').submit(function(){ //when form is submitted..
            window.location = $('#url').val(); //..get url from the textbox and load that url
            return false; // prevent the form from being submitted
        });
    });
  </script>
</head>

<body>
  <form id="myform">
    <input type="text" id="url" value="http://" />
    <input type="submit" id="submit" value="Submit" />
  </form>
</body>

</html>

    I used jQuery. For reference: https://developer.mozilla.org/en-US/docs/DOM/window.location

    • 0