Básico HTML forma de entrada
Objeto texto :
La siguiente sintasis podrá tomar el objeto de Text Field input box en javascript
Sintasis: document.formname.textname
Código Ejemplo:
<form name=testform>
<input name=textn value=test type=text>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>
Aquí los eventos, propiedades dom y métodos asociados con elementos de Text.
Captadores de Eventos: Asociados con Form type Text Field:
Todos los ejemplos listados debajo usan a javascript function output
<script language=javascript>
function output()
{
alert("testing Text events");
}
</script>
DOM Propiedades: :
Listado de propiedades DOM (Dinámico Objeto Modelo) que pueden ser usadas para captar y alterar propidades Text Field en javascript.
Los ejemplos citados debajo están basados en el formulario:
<form name=form1>
<input name=testf type=text value=xxx>
</form>
| DOM Propiedades | Descripción | Ejemplo |
| defaultValue | Utilizado para obtener y configurar el valor por defecto
del campo de texto |
Para Obtener:
var ss = document.form1.textf.defaultValue;
|
| form | Utilizado para conseguir el nodo del padre (objeto de la forma) de este nodo del texto |
Para Obtener:
var ss = document.form1.textf.form;
|
| name | Se utiliza para obtener texto Nombre del campo |
Para Obtener:
var ss = document.form1.textf.name;
|
| type | Utilizado para conseguir el tipo de forma |
Para Obtener:
var ss = document.form1.textf.type;
|
| value | Utilizado para fijar o para conseguir valor del campo del texto |
Para Obtener:
var ss = document.form1.textf.value;
Para establecer::
document.form1.textf.value = "testy";
|
| size | Utilizado para fijar o para conseguir tamaño de campo del texto |
Para Obtener:
var ss = document.form1.textf.size;
Para establecer::
document.form1.textf.size = 4;
|
| readOnly | Se utiliza para comprobar o cambiar la propiedad lectura.
Los usuarios no pueden entrar en cualquier valor si el campo de texto está configurado como lectura. |
Verificar:
var ss = document.form1.textf.readOnly;
Para establecer::
document.form1.textf.readOnly = true;
|
DOM Métodos: :
Listado de métodos DOM (Dinámico Objeto Modelo) que pueden ser usados para hacer cambios dinámicos como selección dinámica de campos de texto (text field) usando javascript.
| DOM Método | Descripción | Ejemplo |
| select() | Se utiliza para seleccionar dinámicamente un campo de texto |
Para seleccionar:
document.form1.textf.select();
|
| blur() | Se utiliza para realizar dinámicamente el campo de texto borroso |
Para empañar:
document.form1.textf.blur();
|
| focus() | Se utiliza para obtener dinámicamente se centran en el campo de texto |
Al foco:
document.form1.textf.focus();
|
Ejemplo: Haciendo Text Field Select en un botón Mouse Over
<script language=javascript>
function rbevent()
{
var xx = document.xx.testtext.focus();
}
</script>
<form name=xx>
<input type=text name=testtext">
<input type=button name=rbtest onMouseOver="rbevent()">
</form>
Resulta:
| 
Introducción
