Boa tarde,
Qual a diferença de usar os elementos value, name ou id ?
Boa tarde,
Qual a diferença de usar os elementos value, name ou id ?
Rodrigo, boa tarde!
Essa é uma ótima pergunta! O id é a forma que a gente identifica esse elemento, ele é único por página HTML. geralmente nós usamos ele para selecionar um elemento específico via javascript. Exemplo:
Escolha uma cor
<select>
<option>Azul</option>
<option>Amarelo</option>
<option>Branco</option>
</select>
<button id=botao-enviar">Enviar</button>
No javascript nós podemos buscar ele dessa forma (que fica mais facilitada)
document.querySelector("botao-enviar");
Veja que só pode ter um botao-enviar
na página inteira, então você terá certeza que está pegando o correto, diferentemente se fosse um class por exemplo, já que vários elementos podem ter a mesma class
O name é como você vai reconhecer um determinado valor de uma requisição, ou seja é como se a gente tivesse etiquetando uma caixa falando o que tem nela.
Veja:
<input name="email" />
O name fala exatamente o que pode ter dentro desse input, o que for lá dentro vai ser um email, assim quem quer que fosse usar e quiser saber onde achar um email, pode procurar pelo name email.
Agora indo pra parte do valor é onde fica interessante, imagina que vc tem uma cheia de tintas, o name
dela é tinta, mas agora como a gente separa as tintas? Geralmente nós diferenciamos pelas cores né? Então valor delas (o value
) seriam as cores em si, veja:
<select name="tinta">
<option value="azul">Azul</option>
<option value="amarelo">Amarelo</option>
<option value="branco">Branco</option>
</select>
Veja que nesse caso, existe a opção de escolher 3 cores e cada uma é diferente pelo seu valor, que nesse caso é sua cor.
Eu espero ter ajudado e bons estudos!