Los cuadros de texto son elementos de formulario HTML que permiten a los usuarios introducir información en una página web. Un elemento de cuadro de texto tiene un estándar \ "Valor \" atributo que permite al programador de auto-llenar el cuadro de texto con el texto predeterminado. Por ejemplo, es posible que la pantalla de texto \ "Introduzca su nombre aquí. \" Sin embargo, los usuarios deben borrar el texto en el cuadro de forma manual antes de entrar en su nombre. Con JavaScript puede hacer que el valor del cambio de cuadro de texto cuando un usuario hace clic dentro del área.
Instrucciones
1 . Escribe la siguiente función de JavaScript para cambiar el valor de un cuadro de texto cuando la función se llama <br /> <br /> <script language = JavaScript> <br /> <! - <Br /> función CambiarValor () {< br /> si (document.MyForm.MyTextbox.value == \ "Introduzca su nombre \") <br /> document.MyForm.MyTextbox.value = \ "\" <br /> <br /> GO} < br /> -> <br /> </ script>
2 Coloca este código después de la etiqueta </ head> y antes de la etiqueta <body> de la página con el cuadro de texto. La primera línea pone a prueba el contenido del cuadro de texto. Si el contenido coincida con la cadena de prueba, el valor se cambia a una cadena vacía, pero que podría fácilmente cambiarlo a cualquier texto que desee mediante la introducción de texto deseado entre las comillas en la segunda línea de la función.
3 Cree su forma y cuadro de texto <br /> <br /> <form name = \ acción "MiFormulario \" = \ "http: //www.example.com \ & quot; method = post>. <br /> <Input type = \ "text \" name = \ onFocus = CambiarValor valor "MyTextBox \" () = \ "Introduzca su nombre \"> <br /> </ form> <br /> <br /> Cuando un usuario hace clic en el interior el cuadro de texto, el CambiarValor () de JavaScript se ejecutará, cambiando el valor a una cadena vacía. Esta forma sólo muestra el cuadro de texto que se ve afectado por el guión. En una aplicación práctica su forma es probable que tenga otros campos y un botón de envío.