HTML5
Esta etiqueta no es nueva pero tiene nuevas funcionalidades gracias a sus atributos aplicados en html5 que se explicaran a continuacion:
Atributo disabled: Desactiva todos los controles dentro del bloque
Atributo form Indica específicamente a qué formulario pertenece el <fieldset>
colocando el id del formulario como valor del atributo
Atributo name Establece el nobre del <fieldset>
<fieldset form="formulario1" name="fieldset1"
<legend>Controles Independientes</legend>
.
.
.
</fieldset>
Esta etiqueta genera una clave de encriptación que hace referencia a algún dato para enviarlo bajo ese esquema de encriptación al servidor.
Sus atributos son:
Atributo keytype Indica el algoritmo de encriptacion que utilizara
Atributo challenge Es una cadena que se envía junto con la clave de encriptación (la cadena es contruida en términos de DER encode)
<keygen name= "security" keytype="rsa" challenge="letmein" />
Propociona una medida visual(una especie de barra de avance) o bien el representa el valor porsentual de u valor tota y tiene diferentes atributos
Atributo from Especifica a qué formulario pertence el el control <meter>
Atributo high Indica a partir de qué punto de la media total podría consideranse un valor como alto
Atrinuto low Indica a partir de qué valor de la media podría considerarse un valor bajo
Atributo max Maximo valor posible, por default es 10
Atributo min Minimo valor posible, por default es 0
Atrinuto optimun Especifica cúal es el mejor valor en el control <meter>
Atributo value Establece el valor actual de <meter>
<meter value="2" min="0" max="10">2 de 10</meter>
<meter value="0.6">60%</meter>
Lo que hace esta etiqueta es mostrarte el progreso de alguna tarea que se este realizando y cuenta con dos atributos.
Atributo max Especifica la cantidad total de carga
Atributo value Especifica la cantidadactual del progreso
<progress value="25" max="100"></progress>
Esta es una etiqueta la cual nos despliega un campo el cúal tiene uan condicional que si no es un correo electronico valido te lo indica dependiendo del navergador que utilices
<input type="email" name="user_email" autofocus="autofocus">
autofocus este atributo indica que elemento puede tiene la prioridad para que la llene el usuario
Esta etiqueta tambien condiciona a que reciba puros número y dentro del rango estipulado por el programador asi como tambien y puede tener dos flechas para incrementar o decrementar el valor segun sea el navegador
<input type="number" name="no_number" min="1" max="10">
Se utiliza para permitir la entrada de valores que deben estar dentro de cierto rango definido con números y este se representa normalmente por uan barra desplazable o "slider" y cuenta con diferentes atributos
Artibuto max Especifica el valor máximo permitido
Atributo min Especifica el valor mínimo permitido
Atributo step Indica el intervalo entre valores que se permitan si step="2" entonces los valores podrían ser: -2,0,2,4,...etc
Atributo value El valor por default
<input type="range" name="no_range" min="1" max="10" />
Esta etiqueta se utiliza como un campo de texto que sirve para hacer búsquedas y tiene formatos diferentes dependiendo del navegador que utilices
<input type="search" name="user_search" placeholder="campo de busqueda">
placeholder es un atributo que muestra un mensaje en segundo palno que se ve pero no afecta en la escritura del usuario, se mostrara siemrpe y cuando el usuario no meta ningun caracter en el campo
Esta etiqueta sirve para poner numeros telefonicos, no hace el mismo funcionamiento que la etiqueta email y url en cuestion de la validación automatica pero puede realizar esa función con el atributo pattern
<input type="tel" name="user_mobil">
Esta etiqueta al igual que la de email hace validación para verificar que introdusca una url
<input type="url" name="user_url">