Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<form id="first-form" method="post" action="">
  <input type="text" name="e11" value ="e1" /><br />
  <input type="text" name="e12" value ="e2" /><br />
  <input type="text" name="e13" value ="e3" /><br />
  <input type="text" name="e14" value ="e4" /><br />
  <input type="text" name="e15" value ="e5" /><br />
  <input type="button" name="button" value="sumbit1"> 
</form>
<form id="second-form" method="post" action="">
  <input type="text" name="e1" value ="e21" /><br />
  <input type="text" name="e2" value ="e22" /><br />
  <input type="text" name="e3" value ="e23" /><br />
  <input type="text" name="e4" value ="e24" /><br />
  <input type="text" name="e5" value ="e25" /><br />
  <input type="button" name="button" value="sumbit2"></form>
<form id="third-form" method="post" action="">
  <input type="text" name="e1" value ="e31" /><br />
  <input type="text" name="e2" value ="e32" /><br />
  <input type="text" name="e3" value ="e33" /><br />
  <input type="text" name="e4" value ="e34" /><br />
  <input type="text" name="e5" value ="e35" /><br />
  <input type="button" name="button" value="sumbit3"></form>  
</body>
</html>
 
// noprotect
​
window.onload = function(){
  var f = document.getElementsByTagName("FORM");
  for(i = 0; i < f.length; i++){
    (function(i){
      f[i].elements[f[i].length-1].onkeydown = function(e){  
        var keyCode = e.keyCode || e.which; 
        if (keyCode == 9){ 
          f[i].elements[0].focus();
          e.preventDefault();
        }
      };
    })(i);
  }
};
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers