Czym różnią się atrybuty name i id w HTML-u?

Każdy element HTML może posiadać zarówno atrybut name jak i id.
Funkcja javaScript'u

document.getElementById(id)

zwraca obiekt pojedynczego elementu HTML o danym id, natomiast

document.getElementsByName(name)

zwraca obiekt kolekcji HTML - wszystkie elementy z odpowiednim atrybutem name.
Atrybut name jest używany w formularzach. Po naciśnięciu przycisku submit formularz jest wysyłany do serwera. Po stronie serwera uzyskujemy w ten sposób pary name=value.

W kaskadowych arkuszach stulu (CSS) można definiować styl elementu poprzez id, np:

#id {
background-color: #ffffff;
}

Atrybuty name i id, choć wydają się podobne, mają troche inne zastosowanie.