¿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
Es necesario utilizar JavaScript. p.ej.
<input type="text" id="search" />
<script type="text/javascript">
document.getElementById('search').focus()
</script>
Trate
<body onLoad="document.form1.txtBox1.focus()">
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
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>
- 1. mover el cursor al comienzo del campo de entrada?
- 2. El cursor se mueve al comienzo de un campo de texto
- 3. Forzar un campo de texto Cocoa para finalizar la edición
- 4. La tecla de retorno del teclado del iPhone moverá el cursor al siguiente campo de texto
- 5. Detener el cursor de saltar al final del campo de entrada en javascript reemplazar
- 6. Texto en el campo HTML para desaparecer al hacer clic?
- 7. jQuery Textbox Cursor al final del texto?
- 8. jQuery reemplazar el texto del elemento al pasar el cursor
- 9. Cambie el cursor de texto/cursor en Visual Studio 2010
- 10. Mostrar texto al colocar el cursor sobre una imagen
- 11. ¿Cómo fuerzo el cursor al final de un NSTextField?
- 12. Mover el cursor al final de EditText?
- 13. Mueva el cursor de JTextField o JComboBox al inicio
- 14. Java: cómo el cursor se mueve automáticamente de un campo de texto a otro
- 15. ¿Puedo cambiar el tamaño del Cursor en el campo de texto de edición de Android?
- 16. Mongoose - Ir al siguiente elemento
- 17. ¿Cómo cambio el color del cursor de texto en un campo de entrada en IE?
- 18. Jquery - Si la posición del cursor en el inicio/fin en un campo de texto
- 19. ¿Cómo hago para forzar al navegador a no almacenar los datos del campo de formulario html?
- 20. ¿Por qué el cursor parpadeante en el campo de texto hace que se llame a drawRect?
- 21. Colocar el cursor al inicio/fin del documento de Word
- 22. SQL INSERT, forzar campo truncado
- 23. Textmate 'Ir al símbolo' equivalente para Vim
- 24. Android: botón Editar texto Ir
- 25. ¿Cómo puedo ocultar el cursor del campo de texto parpadeante usando CSS?
- 26. Ir al par de llaves
- 27. Prevenir el parpadeo del cursor en el cuadro de texto
- 28. ¿Cambiar el color del cursor de texto (cursivo) en Cocoa?
- 29. asp.net validador de campo requerido para al menos un cuadro de texto contiene texto
- 30. Jquery se centra en el primer campo de texto y establece el cursor al final del valor para la entrada de datos instantánea
Grande. Gracias. – David542