HTML value Attribute

Definición y Uso

Para los elementos de los botones, de entrada y de opción, el value atributo especifica el valor inicial del elemento.

Por li elementos, el value atributo establece el valor de un elemento de la lista ordenada. Los siguientes elementos de la lista se incrementarán a partir de ese número.

Para los elementos de progreso, el value atributo especifica qué parte de la tarea se ha completado.

Para los elementos param, el value atributo especifica el valor de un <param> elemento.

Se aplica a

El type atributo se puede usar en los siguientes elementos:

Elementos	Atributo
<button>	value
<input>	value
<li>	value
<option>	value
<progress>	value
<param>	value

Ejemplos

Button Ejemplo

Dos botones con nombres iguales, que presentan valores diferentes cuando se hace clic:

<form action="demo_form.asp" 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>

Inténtalo tú mismo "

Input Ejemplo

Un formulario HTML con valores iniciales (por defecto):

<form action="demo_form.asp">
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>

Inténtalo tú mismo "

Li Ejemplo

El uso del value atributo 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>

Inténtalo tú mismo "

Ejemplo opción

Una lista desplegable dentro de un formulario HTML:

<form action="demo_form.asp">
<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>

Inténtalo tú mismo "