Los nuevos elementos de formulario en html5
HTML 5 introduce un número de nuevos elementos de formulario con nuevas capacidades. Un subconjunto notable de estos elementos de formulario está diseñado para permitir que un programa de modificar una parte de la página de forma dinámica.
Aquí están los nuevos elementos del 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 empieza a escribir en el campo de texto, la lista de sugerencias aparece y el usuario puede elegir entre las sugerencias con el ratón. código de ejemplo para un campo de nombre:
Opera es actualmente el único navegador que soporte este elemento, aunque se puede utilizar el elemento dentro de la DataList objeto de conseguir navegadores no de apoyo para mostrar su código.
metro indica un valor numérico que está dentro de un rango. La etiqueta es compatible con una serie de atributos:
valor: Si no se especifica un valor, el primer valor numérico dentro de la
par se convierte en el valor. máx: El valor máximo posible del elemento.
Video: Tutorial HTML5: Formularios en HTML5
min: El valor mínimo posible del artículo.
alto: Si el valor se puede definir como un intervalo, esto es el extremo superior de la gama.
bajo: Si el valor se define como un rango, este es el extremo inferior de ese rango.
óptimo: El valor óptimo del elemento.
los valor, alto, bajo, y óptimo todos los valores deben estar entre min y máx.
Tenga en cuenta que la metro elemento se utiliza para salida un elemento numérico. Utilizar “distancia“gt; para la entrada numérico dentro de un rango.
Aquí está el código para un simple metro distancia:
UN
salidatiene la intención de mostrar la salida de texto. Indica una sección de la página que puede ser modificado por un guión (por lo general javascript). En este fragmento de código:
Cuando se pulsa el botón, se llamará a la changeOutput () Función de javascript, lo que podría tener este aspecto:
Video: Curso HTML 5. Formularios III.Datalist y API forms. Vídeo 23
funcionar changeOutput () {var myOutput = document.getElementById ("myOutput") -myOutput.value = "El valor ha cambiado"-} // fin changeOutputCuando esta función se ejecuta, cambia el contenido de la myOutput.
los salida elemento está soportada sólo por Opera. Hasta que el uso de este elemento se hace más generalizada, se puede utilizar el innerHtml atributo de cualquier elemento de la página para cambiar su contenido de forma dinámica a través de código.
indica cuánto de una tarea se ha completado (a menudo marcado como un porcentaje). Se espera que ser modificado a través de código javascript. El código HTML 5 puede verse como:
Ahora la destrucción del mundo.
Progreso:
La mayoría de los navegadores indican el progreso como texto sin formato, pero es razonable suponer algún tipo de medidor visual puede estar disponible.
La corriente de HTML 5 también incluye una keygen elemento que genera una clave de cifrado para pasar datos cifrados a un servidor. Tiene una estos parámetros:
Video: HTML5: Ejemplo de formulario
keytype: Especifica el tipo de cifrado. (RSA es estándar.)
reto: Una cadena que se pasa junto con la clave pública. (Esto normalmente se especifica por el servidor.)
Sin embargo, algunos expertos en seguridad consideran que el mecanismo de cifrado ya obsoleto, y el uso de la herramienta requiere el conocimiento de cifrado que un número relativamente pequeño de los desarrolladores Web posee. Este elemento no es compatible con cualquier navegador, y puede no ser una parte de la norma.