Question

我还是初学者，现在还在学习如何阅读和理解HTML。在网站的登录表单中：

<form action="https://examplesite.jp/user.php" name="loginform" method="post">

<ul class="form">
<li class="title">E-MAIL ADDRESS</li>
<li class="text"><input type="text" name="uname" 
id="legacy_xoopsform_block_uname" size="18" maxlength="60" value=""/>
</li>

<li class="title">PASSWORD</li>
<li class="pass">

<input type="password" name="pass" id="legacy_xoopsform_block_pass" 
size="18" maxlength="12"/>

第一部分我不明白这部分来自上面：

<input type="password" name="pass" id="legacy_xoopsform_block_pass" 
size="18" maxlength="12"/>

我最多了解<input type="password" name="pass" />部分，但之后不知道如何使用id="legacy_xoopsform_block_pass"。

我如何理解这段代码是将发送到https：/examplesite.jp/user.php（使用在线表格）的输入类型是“密码”，并且名为“pass”，但是什么是“ ID”？特别是电子邮件作为ID？

我读过Difference between id and name attributes in HTML但不太懂......

Answer 1

欢迎来到SO。请使用谷歌搜索，这是你最好的朋友！

在CSS中，类选择器是一个以句号（“。”）开头的名称，而ID选择器是一个以哈希字符（“＃”）开头的名称。 ID和类之间的区别在于ID可用于标识一个元素，而一个类可用于标识多个元素。

Source

Answer 2

ID属性不用于任何服务器端功能，它仅用于样式化（不明智）或更常用于挂钩JavaScript功能。

例如，您可以使用它来设置CSS中元素的样式：

#legacy_xoopsform_block_uname {
  background-color: black;
}

或者你可以用它来做JavaScript中的东西：

$('#legacy_xoopsform_block_uname').on('click', function(){
  alert('the input field has just been clicked);
});

这是你使用ID的唯一两种情况，但是我不建议第一种选择，我会使用一个类。

基本上如果你没有做上述两件事之一，你就不需要也可以安全地摆脱它。

Answer 3

name属性值是查询参数的名称。这是数据字段的名称，将与您的表单一起发送到服务器。 id是HTML元素的唯一标识符。在有效的HTML中没有多个元素具有相同的id。因此，id attribute用于HTML元素识别，但name attribute用于HTTP请求中的数据字段识别。

无法解释<input />元素，特别是name和id

3 个答案: