Dentro de los elementos de un formulario, se
encuentran los cuadros de texto, estos elementos sirven para que el usuario introduzca
alguna información, la cual podrá ser enviada hacia nosotros. Un uso avanzado es el de
mostrar información variable o recibir datos para cálculos, todo esto con Javascript.
Para referirnos a el utilizamos document.nombre_forma_nombre_elemento
Los procedimientos que podemos efectuar son focus( ), select ( ),
blur ( ).
Supongamos que tenemos un formulario llamado forma, y dentro
de esta forma tenemos un cuadro de texto llamado texto. Este
cuadro servirá para mostrar estos procedimientos. Su código es:
<form
name="forma">
<input type="text" name="texto" size="20">
</form> |
El resultado es:
Ahora si queremos que este elemento reciba el foco, escribimos:
document.forma.texto.focus ( ) (recuerda todo lo aprendido en
el tutorial: funciones, eventos, etc ). Presiona el siguiente botón para darle el foco al
elemento de arriba (observa como aparece una barra parpadeando indicando que puedes
escribir en él)
Para quitarle el foco al elemento está la función blur ( ), esta la
llamamos de la siguiente forma document.forma.texto.blur ( ),
ahora observa como la barra parpadeante ya no se encuentra en el formulario.
Con el boton select ( ), seleccionas todo el texto contenido por este cuadro. La forma de
hacerlo es document.forma.texto.select ( ) Para que funcione
en Netscape debes de escribir también la funcion de focus ( ),por que de otra manera el
texto no se seleccionará. El código completo del formulario de arriba es:
<form
name="forma">
<p><input name="texto" size="20" value="Cuadro de
texto">
<input type="button" value="Focus ( )" name="B1" onclick="document.forma.texto.focus
( )">
<input type="button" value="Blur ( )" onclick="document.forma.texto.blur
( )" name="B2">
<input type="button" value="Select ( )" onclick="document.forma.texto.select
( ) ; document.forma.texto.focus(
)" name="B3"></p>
</form> |
Observa el punto y coma (;)
que va entre la funcion de Select y la de Focus
Value
Especifica el contenido del cuadro de texto.
document.forma.texto.value = "Javascript "
Ejemplo:
Recuerda que lo que se escribirá es lo que va entre comillas ("
"), también puedes darle el valor de otro elemento de formulario solo haz referencia
a ese elemento después del signo de igual, sin utilizar las comillas. Ej:
document.forma.texto.value = document.forma.otro_texto.value
