Serkronyx
3/6/2016 - 8:22 PM

HTML5

HTML5

fieldset 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>

Keygen HTML5

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" />

meter html5

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>

progress HTML5

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>

email HTML5

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

number HTML5

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">

range HTML5

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" />

search HTML5

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

tel HTML5

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">

URL HTML5

Esta etiqueta al igual que la de email hace validación para verificar que introdusca una url

<input type="url" name="user_url">