Почему рекомендуют указывать в name и id разные значения?

[Anymaxis]

Слышал мнение, что желательно в тегах формы не давать атрибутам name и id одинаковые значения. Многие этой рекомендации не следуют.

Почему это надо делать? И почему не обязательно? Откуда пошло и с чем связано?

Хуже:

<input type="text" name="login" id="login">

Лучше:

<input type="text" name="login" id="login-field">

 

[Svatov]

Могу предположить, что возможно причина в том, что элементы с name могут быть с одинаковым именем, а id должны быть разными.

И чтобы не перепутать name c id вводят разное название. Чисто фишка для читабельности кода, не более того.

Edited April 29, 2016 by Svatov

[klierik]

В первый раз о таком слышу. Как правило значение обоих атрибутов — одинаковые

[Anymaxis]

В 29.04.2016 в 19:00, Svatov сказал:

Могу предположить, что возможно причина в том, что элементы с name могут быть с одинаковым именем, а id должны быть разными.

И чтобы не перепутать name c id вводят разное название. Чисто фишка для читабельности кода, не более того.

Действительно.

Получается, исходя из этой логики так для практики, при необходимости:

<form>
  <input type="radio" name="animal" value="lion" id="animal-lion">
  <input type="radio" name="animal" value="tiger" id="animal-tiger">
  <input type="radio" name="animal" value="fox" id="animal-fox">
</form>

Остальные не обязательные случаи для читабельности.

Спасибо.

[by chris]

@Anymaxis, только минус используется для классов, а для Id нижнее подчеркивание.

[Anymaxis]

4 часа назад, by chris сказал:

@Anymaxis, только минус используется для классов, а для Id нижнее подчеркивание.

Спасибо. Не знал. А есть пруфы? Это уже конечно оффтоп, но любопытно. В таком случае может вообще camelCase юзать.

А по теме, вот встретил (но не понял) точку зрения всем известного SelenIT (но это было давно).

В 06.11.2010 в 22:14, SelenIT сказал:

...

Еще те же IE любят путать ID и name (getElementById может вернуть элемент по любому из них). Верная страховка - по возможности избегать name вообще, а для элементов форм делать id и name одинаковыми (кроме радиокнопок, где это не получается).

[SelenIT]

Это действительно было очень давно:). Тогда еще попадались якоря через <a name="..."> и была актуальна поддержка IE6-7. В каком-то из тех IE и был баг, что document.getElementById("something") мог вернуть элемент с name="something". Сейчас неактуально.

7 часов назад, Anymaxis сказал:

Это уже конечно оффтоп, но любопытно.

Мне тоже любопытно. Подозреваю, что речь о рекомендациях какой-то конкретной методологии. В БЭМ вообще вот так.