Mostrar un valor de vuelta en HTML

Tres elementos para números que el usuario lee en vez de escribir.

<form>
  <input type="range" id="a" name="a" value="40">
  <output name="total" for="a">40</output>
</form>

<label for="upload">Uploading</label>
<progress id="upload" value="0.6">60%</progress>

<label for="disk">Disk used</label>
<meter id="disk" value="0.82" low="0.5" high="0.8" optimum="0.2">
  82%
</meter>

Cómo funciona

1. <output> es un resultado calculado, y for nombra los inputs detrás.
2. <progress> es cuánto avanzó una tarea; omite value si no se sabe.
3. <meter> es una medición en un rango conocido, con zonas de peligro opcionales.

El intento, en números

Líneas

12

Caracteres a escribir

307

Tokens

95

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 81 segundos.

Escribe este fragmento

Paso 4 de 4 en Números, fechas y archivos; paso 18 de 25 en Formularios y entradas.

← Anterior Siguiente →