Cómo Cambiar de Forma con el Valor de Campo Con JavaScript

Como Cambiar de Forma con el Valor de Campo Con JavaScript

JavaScript es un cliente del lado del lenguaje de secuencias de comandos que proporciona una variedad de funciones que permiten a los programadores para cambiar dinamicamente casi todos los aspectos de una pagina web la interfaz de usuario. Muchas paginas web solicitar que los visitantes completar los formularios web, normalmente con el proposito de recuperar y almacenar informacion. JavaScript se utiliza a menudo para ayudar a los usuarios a completar los formularios de usuario pre-llenar la forma comun de valores, mediante la validacion de datos de formulario para asegurar el correcto formato y los valores, y por ocultar y mostrar campos de la forma y el contenido.

JavaScript es un cliente del lado del lenguaje de secuencias de comandos que proporciona una variedad de funciones que permiten a los programadores para cambiar dinamicamente casi todos los aspectos de una pagina web la interfaz de usuario. Muchas paginas web solicitar que los visitantes completar los formularios web, normalmente con el proposito de recuperar y almacenar informacion. JavaScript se utiliza a menudo para ayudar a los usuarios a completar los formularios de usuario pre-llenar la forma comun de valores, mediante la validacion de datos de formulario para asegurar el correcto formato y los valores, y por ocultar y mostrar campos de la forma y el contenido.
Cosas Que necesitara

• Editor de Texto

• explorador Web con JavaScript

• Abra un editor de texto y crear un nuevo archivo llamado fillForm.html. Añadir algunas etiquetas HTML para el archivo que incluyen abierto '' etiqueta abierta '' etiqueta de cierre '' etiqueta abierta '' etiqueta de cierre '' etiqueta, y una de cierre '' etiqueta. En conjunto, estas etiquetas implementar basicos de una pagina HTML.
  
  
  
  
• Añadir un '
  
  
  
• Agregar una funcion de JavaScript entre el '' las etiquetas. Nombre de la funcion fillForm (), y que incluyen un abrir llave '{' y un cierre de llave de cierre '}' para indicar donde colocar el codigo de la funcion.
  
  
  
  
  
  
• Editar el fillForm() la funcion y el uso de una getElementById funcion de JavaScript para establecer el valor del campo de entrada con el valor de id 'formToFill' el texto ', ha Cambiado de Valor'.
  
  
  
  
  
  
• Tipo '
  ' abrir etiqueta entre el '' y '' etiquetas HTML. Añadir un' etiqueta HTML para el formulario y darle un id de 'formToFill' y un valor 'Valor Original'. Cerca de la '
  ' etiqueta y guardar fillForm.html.
  
  
  
  
  
  
  
  
  
  
  
  
• Añadir un 'boton <>' etiqueta HTML para el archivo y añadir un onClick() evento para el boton que llama a la fillForm() funcion. Ajuste el boton de texto 'haga Clic para cambiar el valor en el formToFill campo de entrada.'. Cerca de la '' etiqueta y guardar y cerrar fillForm.html.
  
  
  
  
  
  
  
  
  haga Clic para cambiar el valor en el formToFill campo de entrada.
  
  
  
• Abra el archivo en un navegador web y haga clic en el boton para cambiar el texto en el campo de formulario en el texto 'Original ' Valor' a ', se ha Cambiado de Valor'.

Consejos & Advertencias

• Uso de la etiqueta etiquetas de formularios web forms para asegurar claramente identificable campos.
• Añadir texto a los campos es una manera util de ayudar a los usuarios a completar los campos del formulario. El onfocus() el evento puede ser utilizado para borrar el texto una vez que el usuario comienza a tipo de informacion real en el campo.
• la Mayoria de los formularios web se utilizan para recopilar datos del usuario y almacenar los datos para el futuro proposito. Hay muchas opciones de base de datos disponible que puede trabajar con scripts de servidor, tales como MySQL, Oracle y SQL Server.

• Dinamicamente el cambio de valores en las formas puede sorprender a los usuarios. Asegurese de mensaje al usuario de manera apropiada para evitar la confusion y la frustracion.