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

Question

下面的代码：

<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。

Answer 1

id和class属性可以用于任何元素，没有任何限制。

id属性在页面上为元素提供唯一标识，其中CCD_ 8属性将元素添加到共享相同属性的元素类中。

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

在您的示例中，class="form-control"用于应用具有form control的CSS属性的输入，其中id="inputPassword"用于唯一标识输入以获取其值。

Answer 2

如果您对某些元素使用泛型样式，并且您希望某个元素具有与泛型不同的属性，那么您可以在该元素上使用id指定相同的属性，这将对您有所帮助。Id还使使用JavaScript和jQuery访问特定元素变得更加容易。

Answer 3

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