Atributo de valor HTML
Definición y uso
Para los elementos y <button>
, el atributo especifica el valor inicial del elemento.
<input>
<option>
value
Para <li>
los elementos, el
value
atributo establece el valor del elemento de la lista (para listas ordenadas). Los siguientes elementos de la lista se incrementarán a partir de ese valor.
Para <meter>
los elementos, el
value
atributo especifica el valor actual del indicador.
Para <progress>
los elementos, el
value
atributo especifica cuánto de la tarea se ha completado.
Para <param>
los elementos, el
value
atributo especifica el valor del parámetro.
Se aplica a
El value
atributo se puede utilizar en los siguientes elementos:
Elementos | Atributo |
---|---|
<botón> | valor |
<entrada> | valor |
<metro> | valor |
<li> | valor |
<opción> | valor |
<progreso> | valor |
<parámetro> | valor |
Ejemplos
<botón> Ejemplo
Dos botones con nombres iguales, que envían valores diferentes cuando se les hace clic:
<form action="/action_page.php" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
<entrada> Ejemplo
Un formulario HTML con valores iniciales (predeterminados):
<form
action="/action_page.php">
First name: <input type="text" name="fname"
value="John"><br>
Last name:
<input type="text" name="lname"
value="Doe"><br>
<input type="submit" value="Submit form">
</form>
<li> Ejemplo
Uso del atributo de valor en una lista ordenada:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
<metro> Ejemplo
Un indicador con un valor actual, segmentos mínimo, máximo, alto y bajo:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<opción> Ejemplo
Una lista desplegable dentro de un formulario HTML:
<form action="/action_page.php">
<select name="cars">
<option value="volvo">Volvo XC90</option>
<option value="saab">Saab 95</option>
<option value="mercedes">Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>
<input type="submit" value="Submit">
</form>
<progreso> Ejemplo
Descarga en curso:
<progress value="22" max="100"></progress>
<parámetro> Ejemplo
Establezca el parámetro "reproducción automática" en "verdadero", para que el sonido comience a reproducirse tan pronto como se cargue la página:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Compatibilidad con navegador
El value
atributo tiene el siguiente soporte de navegador para cada elemento:
Element | |||||
---|---|---|---|---|---|
button | Yes | Yes | Yes | Yes | Yes |
input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
li | Yes | Yes | Yes | Yes | Yes |
meter | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
option | Yes | Yes | Yes | Yes | Yes |
progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
param | Yes | Yes | Yes | Yes | Yes |