ubiquitour.com

El código HTML para una caja texto automática actualización

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

Etiqueta TextArea

Utilice la etiqueta textarea HTML para crear un cuadro de texto grande en su página Web. Utilice este cuadro para solicitar al usuario que introduzca algún texto. Puede establecer los atributos de "filas" y "cols" en cualquier número que desee, sin embargo, es necesario establecer el atributo "nombre" para que la función de JavaScript puede interactuar con el componente textarea. También tienes que usar la palabra clave "onKeyUp" para llamar a la función sí mismo. Por ejemplo, la etiqueta podría ser como la siguiente: < textarea filas = '10' cols = '40' nombre = 'personajes onKeyUp='charCount(this)' >< / textarea >

Etiqueta de entrada

Utilice la etiqueta de entrada para crear un cuadro de texto que se actualice automáticamente cuando el usuario escribe caracteres en el control área de texto. Establezca el atributo de tipo "texto" para crear el cuadro, así como el atributo de nombre para 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 tienes que. Por ejemplo, usted podría tener "< tipo de entrada = 'texto' nombre = 'displaycount' size = '20' >" su código HTML.

Etiqueta de formulario

Necesita incluir su caja de texto actualizar automáticamente en una forma para que la función de JavaScript puede acceder a los controles de formulario. No necesita una forma de lujo como lo haría cuando se usa más lenguajes de programación como PHP para pasar variables, sólo algo sencillas interactuar con JavaScript. Por ejemplo, escriba "< método del formulario = 'POST' >" para abrir el formulario y "< / form >" para cerrarla. El área de texto y etiquetas input deben ir dentro de estas dos líneas de código HTML.

JavaScript

La función de JavaScript requiere al menos dos líneas de código. El primero crea una variable y guarda el contenido del textarea en la forma, digitada 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 en la misma forma. Por ejemplo, escriba "function charCount(text) {" 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.