Атрибут id тега <form>
Описание
Атрибут id задаёт уникальный идентификатор для элемента <form>. Этот идентификатор используется для стилизации формы через CSS и обращения к ней через JavaScript.
<form id="login-form" action="/login" method="post">
<!-- Поля формы -->
</form>
Основные характеристики:
| Свойство | Описание |
|---|---|
| Уникальность | Должен быть единственным на странице |
| Синтаксис | Должен начинаться с буквы (a-z, A-Z) |
| Регистрозависимость | Чувствителен к регистру букв |
Использование в CSS:
<style>
#login-form {
max-width: 400px;
margin: 0 auto;
padding: 20px;
background: #f5f5f5;
}
</style>
Использование в JavaScript:
<script>
document.getElementById('login-form').addEventListener('submit', function(e) {
e.preventDefault();
// Обработка отправки формы
});
</script>
Рекомендации:
- Используйте осмысленные имена (login-form, contact-form)
- Придерживайтесь единого стиля именования (kebab-case рекомендуется)
- Избегайте общих имен (form1, myform)
- Не используйте для стилизации там, где можно применить класс
Сравнение с классом:
<!-- Хорошо: ID для уникальной формы -->
<form id="registration-form" class="auth-form">
<!-- Поля формы -->
</form>
<!-- Плохо: дублирование ID -->
<form id="registration-form"></form>
<form id="registration-form"></form>
Особенности работы:
- Элемент с id становится глобальной переменной (не рекомендуется использовать)
- Имеет наивысший приоритет в CSS (наравне с !important)
- Повторяющиеся id могут вызвать ошибки в JavaScript
Примечание: В отличие от классов, идентификатор должен быть уникальным в пределах всей страницы. Для форм это особенно важно, так как часто требуется точное обращение к конкретной форме для валидации или обработки данных.