Tecnología

Inicio

Cómo establecer el foco en un cuadro de texto en JavaScript

En su esencia, el HTML es una forma sencilla de mostrar texto e imágenes de diferentes maneras. Eso, junto con la capacidad para anclar enlaces a líneas de texto, lo que permite un usuario cruzar diferentes páginas haciendo clic en los enlaces, constituyen el objetivo principal de HTML. Diferentes tecnologías han surgido en torno a HTML, reforzando sus capacidades y dándole una apariencia de interactividad. JavaScript es una de estas tecnologías; que permite a los desarrolladores para añadir funcionalidad adicional a HTML, tales como tener una caja de entrada seleccionada automáticamente al cargar la página.

Instrucciones

1 Introduzca sus cabeceras HTML como lo haría normalmente. Las cabeceras contienen información que el navegador necesita para ayudar a visualizar la página correctamente. En la forma más básica, la cabecera sólo necesita las etiquetas "<HTML>" y las "<HEAD>".

2 Active JavaScript en la página. Enter "< 'text / javascript' script type =>" para permitir que el navegador para interpretar adecuadamente JavaScript.

3 Crear una función de JavaScript dentro de la cabecera. Esta función se llama cuando el cuerpo de la página se carga y obtendrá el nombre del cuadro de texto. Use "setFocus función ()", sustituya setFocus con lo que usted desea que el nombre de la función que sea. Asegúrese de colocar el corchete de apertura "{" inmediatamente en la siguiente línea.

4 Establecer la secuencia de comandos para centrarse en el cuadro de entrada deseada mediante la introducción de "document.getElementById (" inputName ") enfocar ();". Cambio "inputName" a lo que será el nombre del cuadro de texto. Cierre la función con un paréntesis de cierre "}"

5 Cierre el guión y las secciones de cabecera. Esto se hace con el "</ script>" y "</ head>" etiquetas.

6 Comience su cuerpo HTML. Incluir una llamada "en la carga" a su función setFocus. "<Body onload =" setFocus () ">" Cambio "setFocus" al nombre de la función.

7 Crear un formulario HTML con la etiqueta "<form>". Construir su cuadro de entrada como lo haría normalmente. Asegúrese de incluir una etiqueta de identificación que tiene el mismo nombre que utilizó en la función. Por ejemplo, si se ha utilizado "inputName" la etiqueta de identificación debe decir "id =" inputName ' ", pero sin la primera y última comillas.

8 Termine su forma y cerrarla con "</ form>." Complete el resto de su página y cerrarla con un "</ body>" y la etiqueta "</ html>".

9 Cargar la página en el navegador para comprobar la funcionalidad. Si el enfoque no funciona, compruebe que todos los nombres se han introducido correctamente.

Consejos y advertencias

  • Cuando el código de entrar en la lista en el artículo de quitar los dos fuera de las comillas. El código completo debe ser como sigue:
  • <Html>
  • <Head>
  • <Script type = "text / javascript">
  • funcionar setFocus ()
  • {
  • document.getElementById ( "inputName") enfocar (.);
  • }
  • </ Script>
  • </ Head>
  • <Body onload = "setFocus ()">
  • <Form>
  • Nombre <input type = "text" id = "inputName">
  • </ Form>
  • </ Body>
  • </ Html>
  • Esta es la configuración huesos al descubierto. No funcionará en todos los navegadores, navegador especialmente construido antes de 1999 y los que se utilizan en las plataformas móviles, tales como teléfonos celulares. Las razones de la pérdida de funcionalidad son variados, por lo que tendrá que consultar la documentación específica para la plataforma necesaria para obtener más información sobre las limitaciones de la plataforma y que cualquier solución posible.