El código HTML para un cuadro de texto automático de actualización

Tener un cuadro de texto con actualización automática en su página Web puede informar de forma dinámica a los visitantes a su sitio sobre los cambios que ocurren en la página. Para crear esto, es necesario como mínimo un cuadro de texto para actualizar, un formulario web para referencia y una función JavaScript para afectar el cambio. Sin embargo, tiene algunos controles adicionales puede ayudar a mantener las cosas organizadas.

Tag área de texto

Se utiliza la etiqueta área de texto HTML para crear un cuadro de texto grande en su página Web. Utilice esta casilla para indicar al usuario que introduzca algún texto. Puede establecer las "filas" y "cols" atributos a cualquier número que desea, sin embargo, es necesario establecer el atributo "nombre" para que su función de JavaScript puede interactuar con el área de texto. También tiene que utilizar la palabra clave "onKeyUp" para llamar a la función misma. Por ejemplo, la etiqueta puede tener un aspecto como el siguiente: <filas de área de texto = '10' cols = '40 'name = "personajes" onKeyUp =' charCount (esto) "> </ textarea>

etiqueta de entrada

Utilice la etiqueta de entrada para crear un cuadro de texto que se actualiza automáticamente cuando el usuario escribe caracteres en el control área de texto. Establecer el atributo de tipo de "texto" para crear la caja, así como el atributo de nombre por lo que la función de JavaScript puede acceder a él. También puede establecer el atributo de tamaño de un cuadro de texto de longitud fija, pero no tiene que hacerlo. Por ejemplo, es posible que tenga "< 'texto' input type = name = 'DisplayCount' size = '20 '>" para el código HTML.

formulario de tag

Es necesario incluir el cuadro de texto de forma automática-refrescante en una forma para que la función JavaScript puede acceder a los controles de formulario. No es necesario una forma de fantasía, como lo haría al usar lenguajes de programación adicionales, tales como PHP para pasar variables, pero es algo sencillo para interactuar con JavaScript. Por ejemplo, escriba "<form method =" post ">" para abrir el formulario y "</ form>" para cerrarla. Las etiquetas de área de texto de entrada y deben ir dentro de estas dos líneas de código HTML.

JavaScript

Su función de JavaScript requiere al menos dos líneas de código. El primero crea una variable y salva el contenido de la caja de texto en el formulario, escrito por el usuario. La segunda línea cuenta el número de caracteres en la variable y guarda el resultado en el cuadro de texto más pequeño de la misma forma. Por ejemplo, debería escribir "función charCount (texto) {" para crear una función llamada "charCount", "usertext = text.form.characters.value;" como la primera línea, "text.form.displaycount.value = usertext .length + 'caracteres.'; "como la segunda línea, y"} "para cerrar la función.