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
    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
    el 24 may. 2020 a las 18:03
  • Adelante @julian lo que mas te convenga, aqui solo esta otra opción
    – BetaM
    el 24 may. 2020 a las 18:04

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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