HTML value Attribute

Definição e Uso

Para os elementos de botões, de entrada e de opções, o value atributo especifica o valor inicial do elemento.

Para li elementos, o value do atributo define o valor de um item da lista ordenada. Os seguintes itens da lista será incrementado a partir desse número.

Para os elementos de progresso, o value atributo especifica quanto da tarefa foi concluída.

Para os elementos param, o value atributo especifica o valor de um <param> elemento.

Aplica-se a

O type atributo pode ser usado nos seguintes elementos:

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

Exemplos

Button Exemplo

Duas teclas com nomes iguais, que apresentarem valores diferentes quando clicado:

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

Tente você mesmo "

Input Exemplo

Um formulário HTML com valores iniciais (padrão):

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

Tente você mesmo "

Li Exemplo

A utilização do value do atributo em uma lista ordenada:

<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>

Tente você mesmo "

Exemplo opção

A lista drop-down dentro de um formulário 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>

Tente você mesmo "