Home/ Questions/Q 8842867
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T11:04:27+00:00

I want to have a textbox in my HTML page, and also an iframe

  • 0

I want to have a textbox in my HTML page, and also an iframe. When the user types in a URL in the textbox and clicks Submit, the iframe navigates to that page. Is it possible?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Its very simple using jquery single line code

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="application/javascript">
function navigate() {
$('#iframe1').attr('src', $('#ifrmsite').val());
return false;
}
</script></head>
<body>
Enter website url below:<br/>
    <form onSubmit="return navigate();" method="get" action="">
        <input type="text" value="http://www.w3schools.com/" name="ifrmSite" id="ifrmsite"/> 
        <input type="submit" value="Submit">
    </form>
<br /><br />
    <iframe name="iframe1" id="iframe1" src="" width="600" height="700" scrolling="auto">
    </iframe>

</body>
</html>
    • 0