SO33741126

<!DOCTYPE html>
<html>

  <head>
<style>
  body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
section {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
</style>
  </head>

  <body>
    <form id="form" onchange="changeSrc(url.value);">
  <fieldset>
    <legend>Enter URL</legend>
    <input id="url">


  </fieldset>
</form>
<a href="https://example.com" target="site">Example.com</a>
<section>
  <iframe id="site" name="site" src="/" width="100%" height="100%" frameborder="0"></iframe>
</section>
<script>
  function changeSrc(src) {
  var iframe = document.getElementById('site');
  iframe.src = src;
}
</script>
  </body>

</html>

// Code goes here

/* Styles go here */