Isso é javascript, é so vc clicar com o botao direito do mouse e pedir para ver o codigo fonte.
Nao vou explicar pq to sem tempo:
AI vai o codigo:
<html><head><title>Portal BANCO REAL - ABN AMRO</title>
<style>
TD {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; MARGIN: 0px; COLOR: #FFFFFF;}
.optionBox2, .inputBox3, .inputBox4, .inputBox5, .inputBox6 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; height:19px; }
.optionBox2 { width:127px; height:16px;}
.inputBox3 { font-size: 11px;width:90px;}
.inputBox4 { width:40px;}
.inputBox5 { width:40px;}
.inputBox6 { width:60px;}
A:link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff; line-height: 12px;}
A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff;}
A:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff;}
A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #ffffff;}
</style>
<script language="JavaScript">
function configuraParametros(){
var CORFUNDO = '';
var SIGLASIST = '';
var params = location.search.substr(1).split('&');
for(var i=0; i<params.length; i++) {
var exprParam = params[i];
posIgual = exprParam.indexOf('=');
if (posIgual!=-1) {
exprParam = exprParam.substring(0,posIgual+1)+"'"+exprParam.substr(posIgual+1)+"'";
eval(exprParam);
}
}
if (CORFUNDO == '' ) {
CORFUNDO = "006766";
}
if (SIGLASIST == '') {
SIGLASIST = "RIB";
}
if (SIGLASIST == "rie" || SIGLASIST == "RIE"){
document.login.PROD_I.selectedIndex = 1;
} else {
document.login.PROD_I.selectedIndex = 0;
}
document.bgColor="#"+CORFUNDO;
}
</script>
<script language=javascript>
function InicializarIndices() {
if (document.CargaInicial==null) {
document.CargaInicial=false; // Seta para só fazer uma vez por documento
var ctrlAnterior=null;
var IndAnt=0;
for ( var i=0; i<document.forms[0].elements.length;i++) {
var e=document.forms[0].elements[i];
if ( e.type!="hidden" && e.type!="image" ) {
if (ctrlAnterior != null) ctrlAnterior.IndicePosterior=i;
ctrlAnterior=e;
e.Indice=i;
e.IndiceAnterior=IndAnt;
}
}
}
}
// Colocar o foco em determinado campo
function SetarFoco(ind) {
InicializarIndices();
if ( isNaN(ind) && document.forms[0].elements[ind].type!="hidden" )
document.forms[0].elements[ind].focus();
else
for (;ind<document.forms[0].elements.length;ind++)
if (document.forms[0].elements[ind].type!="hidden")
break;
if (ind<=document.forms[0].elements.length)
document.forms[0].elements[ind].focus();
}
// Limpar o conteúdo do(s) campo(s)
function LimparCampo(ind) { // Para -1, limpa todos os elementos
if (isNaN(ind)) // Limpa pelo nome
document.forms[0].elements[ind].value="";
else if (ind != -1) // Limpa o elemento "ind" ( só considera "text" e "password" )
for (var i=ind; i < document.forms[0].elements.length;i++ )
if(document.forms[0].elements[i].type=="text" || document.forms[0].elements[i].type=="password") { // Só limpa campo "text"
document.forms[0].elements[i].value="";
break;
}
else // Limpa todos os elementos "text" e "password"
for ( var i=0; i < document.forms[0].elements.length; i++)
if ( document.forms[0].elements[i].type=="text" || document.forms[0].elements[i].type=="password")
document.forms[0].elements[i].value="";
}
// Verificar qual navegador
function QualNavegador() {
var s = navigator.appName
if(s == "Microsoft Internet Explorer") return "IE";
else if ( s == "Netscape" ) return "NE";
else return "";
}
// Verificar qual a versão do navegador
function QualVersao() {
var s = navigator.appVersion;
if ( QualNavegador() == "IE" ) {
var i = s.search("MSIE");
s=s.substring(i+5);
i=s.search(".");
return parseInt(s.substring(0,i+1));
}
else if ( QualNavegador() == "NE" ) return parseInt(s.substring(0,1));
else return 0;
}
// Setar o evento
function SetarEvento(ctrl, Tam, Tipo, AutoSkip) { // Filtra navegadores conhecidos
var s = QualNavegador();
if (s.length==0) return;
if (s=="IE" && QualVersao()>6) return;
if (s=="NE" && QualVersao()>4) return;
if (ctrl.onkeypress==null) {
if (AutoSkip==null) AutoSkip=true;
if (Tipo!=null) Tipo.toUpperCase();
ctrl.Tam=Tam;
ctrl.Tipo=Tipo;
ctrl.AutoSkip=true;
ctrl.Saltar=false;
InicializarIndices();
ctrl.onkeypress=ValidarTecla;
if (QualNavegador()=="IE" && QualVersao()>=5) ctrl.onkeyup=SaltarCampo;
}
}
function SaltarCampo(ctrl) {
if (ctrl==null) ctrl=this;
if ( ctrl.AutoSkip && ctrl.Saltar)
if (ctrl.Saltar) {
ctrl.Saltar=false;
if ( ctrl.IndicePosterior != null ) SetarFoco(ctrl.IndicePosterior);
}
}
// Fazer o salto de campo
function ValidarTecla(evnt) {
var tk;
var c;
// Recebe a tela pressionada
tk = ( (QualNavegador()=="IE") ? event.keyCode : evnt.which);
c=String.fromCharCode(tk);
c=c.toUpperCase();
// Só aceita teclas alfanuméricas. Não aceita teclas de controle
if (tk == 13) enviaFormLogin(document.login.PROD_I[document.login.PROD_I.selectedIndex], document.login.USERID, document.login.AGENCIA, document.login.CONTA);
if(tk<32) return true;
if (tk>127) return false;
switch (this.Tipo) {
case "D":
if (c<"0" || c>"9") {
alert("O acesso à sua conta online mudou: sua senha deve ser digitada na próxima tela! Este campo só aceita números");
return false;
}
break;
case "N":
if ((c<"0" || c>"9") && (c!="." && c!=","))
return false;
if ((c==",") && ((this.value.search(",")>-1) || (this.value.length==0)))
return false;
if ((c==".") && (this.value.length==0))
return false;
break;
case "C":
if ( c<"A" || c>"Z" ) return false;
break;
default:
break;
}
this.Saltar=(this.value.length==this.Tam-1);
if(((QualNavegador()=="IE") && QualVersao()<5) || (QualNavegador()!="IE")) SaltarCampo(this);
return true;
}
function reloadPage(init) {
c = navigator.appName
if (init==true) with (navigator) {
if (c=="Netscape") { document.pgW=innerWidth; document.pgH=innerHeight; onresize=reloadPage; }
} else if (innerWidth!=document.pgW || innerHeight!=document.pgH) location.reload();
}
reloadPage(true);
window.defaultStatus="Portal BANCO REAL - ABN AMRO"
function abre(sUrl) { window.open('http://www.bancoreal.com.br' + sUrl,'','scrollbars=yes,resizable=yes,toolbar=yes,width=780,height=520') }
</script>
</head>
<body bgcolor="#006766" topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 OnLoad="configuraParametros();">
<table height=30 cellspacing=0 cellpadding=0 border=0 width=780>
<tr>
<td>
<table cellspacing=0 cellpadding=1 border=0 width=100%>
<form name="login" style="margin:0" autocomplete="off">
<tr>
<td width=3%></td>
<td width=24% valign=top><img src="/frames/images/spacer.gif" height=1 width=1><br><select class="optionBox2" name="PROD_I" style="width:132" width="132">
<option value=1 selected>Real Internet Banking</option>
<option value=2 >Real Internet Empresa</option>
</select></td>
<td width=10% valign=middle align=right><b>Usuário </b></td>
<td width=16% valign=middle><input class="inputBox3" type="text" name="USERID" size="10" maxLength=14 VALUE="" OnFocus="SetarEvento(this,14)"></td>
<td width=10% valign=middle align=right><b>Agência </b></td>
<td width=8% valign=middle><input class="inputBox5" type="text" name="AGENCIA" maxLength=4 size=4 VALUE="" OnFocus="SetarEvento(this,4,'D')"></td>
<td width=8% valign=middle align=right><b>Conta </b></td>
<td width=14% valign=middle>
<input class="inputBox6" type="text" name="CONTA" maxLength=7 size=7 VALUE="" OnFocus="SetarEvento(this,7,'D')">
</td>
<td width=8% valign=middle><img src="/frames/images/spacer.gif" height=1 width=1><br>
<a href="javascript:enviaFormLogin(document.login.PROD_I[document.login.PROD_I.selectedIndex], document.login.USERID, document.login.AGENCIA, document.login.CONTA);"><img src="/frames/images/ok.gif" name="Submit" onmouseover="window.status='OK'; return true" value="Ok" width=23 height=18 border=0 alt="Ok"></a>
</td>
</tr>
</form>
<script language="JavaScript" src="/frames/js/login_api.js" type="text/javascript"></script>
</table>
</td>
<td align=center>
<table cellspacing=0 cellpadding=0 border=0 width=230>
<script>
function getArgs(){
var args = new Object();
var query = location.search.substring(1);
var pairs = query.split("&");
for(var i=0;i<pairs.length;i++){
var pos=pairs[i].indexOf('=');
if(pos==-1) continue;
var argname = pairs[i].substring(0,pos);
var value = pairs[i].substring(pos+1);
args[argname] = unescape(value);
}
return args;
}
var args=getArgs();
</script>
<script>
function troca_target(sLink){
url=document.location.href
if(args.target){
sLink=sLink.replace('target="portal"','target="'+args.target+'"')
}
document.write(sLink)
}
</script>
<tr>
<td align=center><script>troca_target('<a href="/index_internas.htm?sUrl=/veja_um_clique/seguranca/tpl_seguranca_abre.shtm" target="portal" onMouseOver="window.status=\'Segurança\'; return true" class="menulogin">')</script><b>Segurança</b></a></td>
<td align=center valign=middle> | </td>
<td><script>troca_target('<a href="/index_internas.htm?sUrl=/demonstracoes/tpl_demonstracoes.shtm" target="portal" onmouseover="window.status=\'Demonstrações\'; return true" class="menulogin">')</script><b>Demonstrações</b></a></td>
<td align=center valign=middle> | </td>
<td><script>troca_target('<a href="/index_internas.htm?sUrl=/cadastre_se/tpl_cadastrese.shtm" target="portal" onMouseOver="window.status=\'Cadastre-se\'; return true" class="menulogin">')</script><b>Cadastre-se</b></a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>