2011-04-02 25 views
6

¿Cómo lo hago para que cuando se cargue mi página web, el cursor vaya automáticamente a un campo de texto dado? (Por ejemplo, en Google cuando se carga la página, el cursor ya está en el cuadro de búsqueda)Forzar el cursor para ir al campo de texto

Respuesta

13

Es necesario utilizar JavaScript. p.ej.

<input type="text" id="search" /> 
<script type="text/javascript"> 
document.getElementById('search').focus() 
</script> 
2

Trate

<body onLoad="document.form1.txtBox1.focus()"> 
+0

Grande. Gracias. – David542

3

Tenga cuidado al implementar esta funcionalidad. Es muy molesto para un usuario centrarse en un campo y comenzar a escribir solo para encontrar que el cursor ha sido redirigido al escribir cuando la página terminó de cargarse. He visto esto suceder en numerosos sitios.

Sugeriría utilizar el atributo HTML5 autofocus y volver a una solución de JavaScript en los navegadores que no lo admitan. La siguiente ronda se pone el problema anterior sin esperar a que el documento se cargue antes de ajustar el foco:

<input type="text" name="search" id="search" autofocus> 
<script type="text/javascript"> 
    var input = document.getElementById("search"); 
    if (!("autofocus" in input)) { 
     input.focus(); 
    } 
</script> 

Más información se puede encontrar en diveintohtml.org: http://diveintohtml5.ep.io/forms.html#autofocus

1

Desde HTML5 está en plena vigencia, yo crea autofocus es bien compatible. Me gustaría prestar atención a las otras respuestas aquí, pero en mi opinión, mucho más fácil de JavaScript:

<input type="text" name="name" autofocus> 
Cuestiones relacionadas