Quel codeur ne s'est pas posé cette question ?
La réponse n'est pas « ##c'est la même chose## ». Et NON ce ne sont pas deux choses redondantes que l'on peut substituer l'un l'autre à tout va.

La distinction entre les deux peut se résumer ainsi : __id__ est un attribut lu par le navigateur (en HTML, CSS ou Javascript) ; __name__ sert à PHP lors de la validation d'un formulaire.

Ainsi, si je fais :

<input id="toto" name="titi" value="" size="150"/>

J'aurais, coté PHP, une variable __$_POST['titi']__ mais certainement pas de $_POST['toto'].

À l'inverse, si je veux donner un style CSS à mon champ, je devrais utiliser un __#toto { … }__, et non pas un #titi.
Même chose pour les éléments ____, qui permettent de donner un nom aux champs, ainsi qu'une meilleure accessibilité. En utilisant :

<label __for="toto"__>votre nom<label>

<input __id="toto"__ name="titi" value="" size="150"/>

Un clic sur le "label" vous placera dans le "input", ceci réduit le risque de confusion dans les formulaires.

Sachez qu'ici aussi, __le "for" du label renvoie au "id"__ et non au "name" du input.


Enfin, sachez que l'attribut "id" permet de créer des ancres pour positionner le navigateur directement dans un endroit de la page, ce que ne permet pas toujours "name".

__MAJ__ : je vous conseille aussi le commentaire de Iste, qui ajoute quelques informations.

image de Hassmanm