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 valueatributo 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 valueatributo especifica el valor actual del indicador.

Para <progress>los elementos, el valueatributo especifica cuánto de la tarea se ha completado.

Para <param>los elementos, el valueatributo especifica el valor del parámetro.


Se aplica a

El valueatributo 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 valueatributo 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