Tecnología

Inicio

Métodos de Javascript de cuadro de texto

Métodos de Javascript de cuadro de texto


Tiene dos formas de crear un cuadro de texto en una página HTML. Puede pulsar el elemento de entrada con su atributo type definido en texto, o puede utilizar un elemento de área de texto. También puede utilizar funciones de JavaScript para agregar un mayor nivel de interactividad con los elementos de texto. Se puede indicar el navegador web del usuario para detectar eventos tales como hacer clic en un elemento de texto. Naturalmente, los métodos a los que decide poner en práctica para sus elementos de entrada de texto deben corresponder a la finalidad de su página.

atributos

Todos los elementos HTML tienen propiedades estándar, pero los elementos de entrada que aparecen en los formularios Web tienen un conjunto adicional. Tanto el elemento de área de texto y el elemento de entrada pueden incluir atributos que se pueden controlar mediante secuencias de comandos. funciones de JavaScript pueden usar estos atributos para establecer o devolver los valores actuales para cualquier elemento de entrada de texto en una página. El siguiente código JavaScript de ejemplo muestra estableciendo el valor de un elemento de formulario, lo que podría ser o bien un elemento de entrada o área de texto:

var textElem = document.getElementById ( "textIn");
textElem.value = "Aquí es un poco de texto";

El texto especificado aparecerá ahora en el interior del elemento de texto.

Eventos

Los elementos de texto también pueden utilizar los atributos de eventos para conectarlos a las funciones de JavaScript. El uso de estos, puede codificar el código HTML para detectar la interacción del usuario con elementos de texto, llamadas a funciones JavaScript especificado cuando tiene lugar esta interacción. atributos de los eventos pueden detectar que el usuario se mueve el ratón dentro o fuera de un elemento, al pulsar una tecla o dar foco a un elemento, entre otras muchas opciones. El siguiente código muestra un elemento HTML con un atributo de evento:

<Input id = tipo "wordtext" = "text" name = "palabra" onmousedown = "mouseDown (this.id)" />

Cuando el usuario pulsa un botón del ratón, este marcado indicará al navegador para llamar a una función JavaScript denominada "mouseDown" - pasándole el ID del elemento.

funciones

Entrada de texto de área de texto y elementos también tienen funciones que puede llamar desde el código JavaScript. Estas funciones incluyen la falta de definición, el enfoque y la selección. La función de toma toma el foco lejos de un elemento, mientras que la función de enfoque da el foco del elemento. La función de selección selecciona el contenido actual de un elemento de entrada de texto, destacando que dentro del navegador. El siguiente código de ejemplo muestra llamando a la función de selección en un elemento de texto:

var theText = document.getElementById ( "myText");
theText.focus ();

Cuando esta función se ejecuta, se selecciona el contenido del elemento de área de texto o de entrada.

Tratamiento

funciones de JavaScript para elementos de texto pueden ayudar a poner en práctica diferentes métodos de interacción. Por ejemplo, puede establecer los elementos para vaciar su contenido cuando el usuario hace clic en ellos. Esto puede ser útil en situaciones en las que los elementos de texto tienen texto predeterminado y que no desea que el usuario tenga que eliminarlo antes de entrar en su propio texto. También puede visualizar información de ayuda cuando el usuario pasa su ratón sobre un elemento de texto, o resaltar los errores al validar formulario de entrada, permitiendo al usuario ver lo que debe ser modificada antes de que pueda enviar correctamente sus datos.