HyperText Markup Language Formularios

Formularios | Inputs variados

CASO 1Campo color

<form>            
    <label for="color">Color</label>
    <input id="color" type="color">
</form>

CASO 2Campo number

<form>            
    <label for="numero">Número</label>
    <input id="numero" type="number">
</form>

CASO 3Campo range

<form>            
    <label for="rango">Número en rango</label>
    <input id="rango"  type="range" step="10" min="0" max="100>
</form>

CASO 4Campo reset

Recarga el formulario, pero no lo envía.

<form>            
    <label for="nombre">Nombre</label>
    <input id="nombre" type="text">
    <input type="reset" value="Reset">
</form>

CASO 5Campo meter

<form>            
    <label for="temperatura">Temperatura de conservación del vino tinto</label>
    <input id="temperatura" min="0" max="20" value="16" low="10"  optimum="13" high="16">
</form>

CASO 6Campo progress

<form>            
    <label for="progreso">Progreso</label>
    <input id="progreso" min="0" max="100" value="75">
</form>