From b3cd1280da719ea0dc2ffb3e31d1b3dd57f93d01 Mon Sep 17 00:00:00 2001
From: Hugo Mejia <40285580+huegogh@users.noreply.github.com>
Date: Mon, 26 Apr 2021 21:26:05 -0700
Subject: [PATCH] docs: attributes for 'label' and 'input' elements were mixed
 up (#41827)

A label should be 'for' an input, and an 'input' should have an 'id'.

PR Close #41827
---
 .../examples/toh-pt6/src/app/heroes/heroes.component.html     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html b/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html
index 0959a24256a..8d28580db25 100644
--- a/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html
+++ b/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html
@@ -2,8 +2,8 @@
 
 <!-- #docregion add -->
 <div>
-  <label id="new-hero">Hero name: </label>
-  <input for="new-hero" #heroName />
+  <label for="new-hero">Hero name: </label>
+  <input id="new-hero" #heroName />
 
   <!-- (click) passes input value to add() and then clears the input -->
   <button class="add-button" (click)="add(heroName.value); heroName.value=''">