1

No consigo que al arrancar la página, el focus esté dentro del input para se pueda escribir en él sin tener que clicar antes dentro de él. ¿Qué sucede?

Javascript:

<script type="text/javascript">
    document.theFormID.theFieldID.focus();
</script>

Html:

<form id="theFormID" method="get" action="">
    <input id="theFieldID" type="text"/>
    <input type="submit"/>
</form>

2 respuestas 2

5

Los elementos input tienen un atributo llamado autofocus que hace precisamente lo que requieres.

<form id="theFormID" method="get" action="">
    <input id="theFieldID" type="text" autofocus/>
    <input type="submit"/>
</form>

De este modo te evitas tener que tratarlo des del script.

Espero que sirva.

1
  • Perfecto. Muchas gracias VRoxa.
    – ret
    Commented el 24 may. 2020 a las 18:02
0

Comentarios:

  • El botón debe tener declaración como input, ya que lo tienes como button pero la misma requiere tanto la etiqueta de apertura como la de cierre
  • Necesitas asignar la funcionalidad deseada a un evento por ejemplo cuando el documento esté cargado
  • Asignas el input a una variable
  • Cuando el documento haya cargado pasas al cuerpo de la función la variable anteriormente declarada que nos sirve para acceder al input
  • a dicha variable le das acceso al método focus()

Entonces cuando el documento esté cargado en su totalidad, el input quedará con un focus en él.

Código:

    <form id="theFormID" method="get" action="">
        <input id="theFieldID" type="text"/>
        <input type="submit"/>
    </form>
    <script>
      let caja = document.getElementById("theFieldID")
      
      window.addEventListener("load", () => {
        caja.focus()
      })
    </script>

2
  • Parece que con autofocus se soluciona. Pero muchas gracias por la respuesta BetaM.
    – ret
    Commented el 24 may. 2020 a las 18:03
  • Adelante @julian lo que mas te convenga, aqui solo esta otra opción
    – user128299
    Commented el 24 may. 2020 a las 18:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.