Html 何时在同一元素中使用Id和类

代码如下：

<form>
  <div class="form-group">
    <label for="inputEmail">Email</label>
    <input type="email" class="form-control" id="inputEmail" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="inputPassword">Password</label>
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="form-group">
    <label class="form-check-label"><input type="checkbox"> Remember me</label>
  </div>
  <button type="submit" class="btn btn-primary">Sign in</button>
</form>

电子邮件
密码
记得我吗
登录

我知道什么是

id

和什么是

class

属性，但是，我不明白为什么在元素中同时使用这两个属性

例如，上面是在引导中，为什么：

class=“form control

使用

id=“inputPassword”

---

我想解释一下为什么以及何时使用它，因为在这种情况下，我只使用类而不是id。

这可以帮助您在某些元素使用通用样式时，如果您希望元素具有一些不同的属性，然后是通用属性，那么您可以在该元素上指定相同的使用id。Ids a还可以使用JavaScript和jQuery更容易地访问特定元素。

我认为如果inputPassword没有函数，那么您的id就没用了。对于我来说，在使用class时，如果该函数可以在许多对象中使用。但是对于id，它是针对一个特定对象。

可以使用

id

和

class

属性没有任何限制的任何元素

id

属性在页面中为元素提供唯一标识，其中

class

属性将元素添加到共享相同属性的元素类中

id属性值在整个HTML页面中必须是唯一的，在这个页面中，class属性可以在您想要应用相同属性的地方重用

---

在您的示例中，

class=“form control”

用于应用带有

表单控件的CSS属性的输入，其中
id=“inputPassword”
用于唯一标识输入以获取其值。
此
id=“inputPassword”“
与
标签
中的

属性相关，当您单击标签文本时，它会聚焦输入这是否回答了您的问题？我理解它们是什么，但更多的是为什么在这种情况下会有一个id和一个类？他们在这里扮演什么角色。@user218030答案已更新