Oii Thiago,
pelo javascript podemos acessar os elementos de inúmeras maneiras, como pelo atributo id
como você mesmo citou.
Porém existe uma situação que é caso você submeta este formulário, através do método POST. Pois com isto o navegador cria uma requisição HTTP para o servidor web, e os dados enviados são identificados pelos names
dos <input>
s . Montando uma string neste formato, por exemplo: POST?nome=Vanessa&email=vanessa.tonini%40caelum.com.br
Ali é o caso de ter 2 inputs com name
nome
e email
.
Você pode perceber isto usando o devTools
do seu navegador, na aba network
, você pode conferir no Headers da requisição que vão aparecer os dados submetidos pela informação form-data
, quando submeter dados de um formulário. Obs: só vai funcionar caso a página estiver num servidor web já. Faça um teste olhando o login de uma rede social, por exemplo.
Este é o propósito do atributo name
... Espero que tenha ajudado...
abraços, bons estudos!