Posicionar foco en campo de texto - Google lo hace

Bier · #1 (**permalink**) 14/02/2012, 21:10

Tengo un formulario:

<html>
<head>
<title>Foco</title>
</head>
<body>
<form name="form1" method="post" action="">
<input type="text" name="importe" id="importe">
<input type="submit" name="button" id="button" value="Enviar">
</form>
</body>
</html>

Deseo posicionar el cursor al desplegar la página, evitar que el usuario deba hacer click.

Al entrar a www.google.com te posiciona automáticamente.

Gracias por su ayuda.

caricatos · #2 (**permalink**) 15/02/2012, 01:02

Hola:

Prueba así:

window.onload = function() {
document.getElementById("importe").focus();
}

Saludos

Bier · #3 (**permalink**) 15/02/2012, 08:19

Lo resolví así:

<html>
<head>
<title>Foco</title>
</head>
<body>
<BODY OnLoad="document.idNombreForm.lectura.focus();">

<center>
<form name="idNombreForm">
<input name="lectura" type="text" id="lectura" value="<? echo $lectura; ?>" size="7" maxlength="7" <? echo $habilitado; ?> autocomplete="off" />
</form>

</body>
</html>

caricatos · #4 (**permalink**) 15/02/2012, 11:18

Hola:

Aparte de poner lo mismo que te puse pero un poco peor, estás duplicando un tag que no debe duplicarse.

Saludos

Bier · #5 (**permalink**) 15/02/2012, 11:58

Cita:

Iniciado por caricatos

Hola:

Aparte de poner lo mismo que te puse pero un poco peor, estás duplicando un tag que no debe duplicarse.

Saludos

Estimado caricatos, un placer saludarte,

Gracias por tu primer aporte y ahora por tu comentario.

Tu primer aporte lo intenté, pero no me funcionó, seguro es que no supe como incluirlo. Lo volveré a intentar hoy mismo más tarde.
A causa de lo anterior, busqué opciones, llegando a la que publiqué. Lo publiqué a fin de poder ayudar a otros que seguramente llegarán aquí buscando una solución a la necesidad planteada.
Por otra parte, he buscado cual es el tag que no debe duplicarse, pero no lo detecto, y como no dices cual es el tag, pues me he quedado en las mismas.
Entiendo que este foro no resuelve necesidades, sin embargo, sería de mucha ayuda publicas el HTML completo como debería quedar, es muy pequeño y considero no sería muy complicado hacerlo.
Por lo pronto, mi solución la he publicada completa y funciona, pero si publicas la tuya sería de una utilidad mucho mayor.

Gracias por tus dos post anteriores, me han sido de valiosa ayuda.

caricatos · #6 (**permalink**) 15/02/2012, 12:07

Hola:

El tag que duplicas es el body... no te habrás dado cuenta, ¡no pasa nada!, y lo que puse va dentro de un tag script en el head de la página (no creo que sea necesario decirlo en condiciones normales, pero puedo entender que no lo supieses):

Código:

<script type="text/javascript">
window.onload = function() {
document.getElementById("importe").focus();
}
</script>

Saludos

Bier · #7 (**permalink**) 15/02/2012, 17:30

Gracias, ya vi el Body duplicado.
Probaré tu sugerencia.

Gracias por todo.