Atributo de valor HTML

❮ Anterior Todos os atributos HTML Próximo ❯

Definição e uso

Para elementos e <button>, o atributo especifica o valor inicial do elemento.<input><option>value

Para <li>elementos, o valueatributo define o valor do item da lista (para listas ordenadas). Os próximos itens da lista serão incrementados a partir desse valor.

Para <meter>elementos, o valueatributo especifica o valor atual do medidor.

Para <progress>elementos, o valueatributo especifica quanto da tarefa foi concluída.

Para <param>elementos, o valueatributo especifica o valor do parâmetro.

Aplica-se a

O valueatributo pode ser usado nos seguintes elementos:

Elementos	Atributo
<botão>	valor
<entrada>	valor
<metro>	valor
<li>	valor
<opção>	valor
<progresso>	valor
<param>	valor

Exemplos

<botão> Exemplo

Dois botões com nomes iguais, que enviam valores diferentes ao serem clicados:

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

<input> Exemplo

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

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

Uso do atributo value 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>

<metro> Exemplo

Um medidor com um valor atual, segmentos mínimo, máximo, alto e baixo:

<opção> Exemplo

Uma lista suspensa dentro de um formulário 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>

<progresso> Exemplo

Baixando em andamento:

<param> Exemplo

Defina o parâmetro "autoplay" como "true", para que o som comece a tocar assim que a página for carregada:

Suporte ao navegador

O valueatributo tem o seguinte suporte do 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