В дополнение к классам каждый элемент HTML также может иметь атрибут id. Существует несколько преимуществ использования атрибутов id: вы можете использовать id для стилизации одного элемента, а позже вы узнаете, что вы можете использовать их для выбора и изменения определенных элементов с помощью JavaScript. Атрибуты id должны быть уникальными. Браузеры не будут ругаться, если вдруг будет несколько элементов с одинаковым id, но это широко распространенная практика. К тому же, могут возникнуть логические ошибки. К примеру, если вы выполните document.getElementById(idName), этот метод вернет первый попавшийся элемент с указанным id, и если вдруг на странице их больше, чем один, то вы можете просто получить не тот элемент, какой рассчитывали. Поэтому, пожалуйста, старайтесь следить за тем, чтобы id были уникальны в рамках документа. Вот пример того, как вы присваиваете элементу h2 идентификатор cat-photo-app :
<h2 id="cat-photo-app">...</h2>Задайте элементу form идентификатор cat-photo-form.