如本例所示：

<label for="username">Enter your username:</label>
<input id="username">

id可以用来连接输入和它们的标签。你也可以使用id来查找JS中的元素（DOM操作）并将CSS样式添加到该输入中。虽然您可以使用name来完成这两项操作，在PHP或/和表单等语言中，将数据发送到某个url（无需阅读表单数据，无需获取JS中输入项的值，然后通过 AJAX /fetch发送）name用于标记要发送到目的地的数据。
例如，在PHP中，我们读取输入值如下：

$var = $_GET['some_input_name'];
$var_posted = $_POST['some_other_input_name_but_with_post']

在中，这不适用于id。
如果你用GET方法发送一个表单数据到一些url，你可以看到你的输入name s添加到动作（目的地）url.例如：

<form action="http://example.com/" method="get">
    <input name="username" type="text">
</form>

将发送并附加数据至：http://example.com/?username=text_entered_in_the_input