Nuevos elementos de formulario en HTML5: variables ficticias

Video: 5. ¿Qué son los nuevos Elementos de formulario en HTML5? Mejoras de Input en HTML5 2025

HTML5 presenta una serie de nuevos elementos de formulario con nuevas capacidades. Un subconjunto notable de estos elementos de formulario está diseñado para permitir que un programa modifique una parte de la página de forma dinámica.

Aquí están los nuevos elementos de formulario y lo que puede hacer con ellos:

datalist le permite adjuntar una lista de sugerencias a un elemento de entrada de texto. Tan pronto como el usuario comienza a escribir en el campo de texto, aparece la lista de sugerencias y el usuario puede elegir entre las sugerencias con el mouse. Código de ejemplo para un campo de nombre:
```
Su nombre
```
Opera es actualmente el único navegador que admite este elemento, aunque puede usar el elemento dentro del objeto datalist para que los navegadores no compatibles muestren su código.
metro indica un valor numérico que se encuentra dentro de un rango. La etiqueta admite una serie de atributos:
- valor : Si no especifica un valor, el primer valor numérico dentro del par se convierte en el valor.
- max : El valor máximo posible del artículo.
- min : El valor mínimo posible del artículo.
- alto : Si el valor se puede definir como un rango, este es el extremo superior del rango.
- bajo : Si el valor puede definirse como un rango, este es el extremo inferior de ese rango.
- óptimo : El valor óptimo del elemento.
Los valores de valor, alto, bajo y óptimo deben ser todos entre min y max.

Tenga en cuenta que el elemento del medidor se utiliza para salida un elemento numérico. Use para la entrada numérica dentro de un rango.

Aquí está el código para un rango de medición simple:
```
A
```
salida está destinado a mostrar el texto de salida. Indica una sección de la página que puede ser modificada por un script (generalmente JavaScript). En este fragmento de código:
```
Este es el valor original cambie la salida
```
Cuando se presiona el botón, llamará a la función JavaScript changeOutput (), que podría verse así:
```
función changeOutput () {var myOutput = documento. getElementById ("myOutput"); myOutput. value = "El valor ha cambiado";} // end changeOutput
```
Cuando se ejecuta esta función, cambia el contenido de myOutput.

El elemento de salida actualmente solo es compatible con Opera. Hasta que el uso de este elemento se generalice, puede usar el atributo innerHTML de cualquier elemento de página para cambiar su contenido dinámicamente a través del código.
indica la cantidad de una tarea que se ha completado (a menudo marcado como un porcentaje). Se espera que se modifique a través del código JavaScript. El código HTML5 puede verse así:
```
Ahora está destruyendo el mundo. 
progreso:
```
La mayoría de los navegadores indican el progreso como texto sin formato, pero es razonable suponer que algún tipo de indicador visual estará disponible.

El HTML5 actual también incluye un elemento keygen que genera una clave de cifrado para pasar datos cifrados a un servidor. Tiene estos parámetros:

keytype : Especifica el tipo de cifrado. (rsa es estándar.)
challenge : Se pasó una cadena junto con la clave pública. (Esto normalmente lo especifica el servidor.)

Sin embargo, algunos expertos en seguridad consideran que el mecanismo de cifrado ya está obsoleto, y el uso de la herramienta requiere el conocimiento del cifrado que posee un número relativamente pequeño de desarrolladores web. Actualmente, este elemento no es compatible con ningún navegador y puede no convertirse en parte del estándar.