From 9ef9bfe76bcb01b7f0688c08777be4d927a05182 Mon Sep 17 00:00:00 2001
From: Jonathan Pool <pool@jpdev.pro>
Date: Sat, 22 Jun 2019 14:59:00 -0400
Subject: [PATCH] docs: change to explicit label type in getting-started form
 (#31213)

PR Close #31213
---
 .../src/app/cart/cart.component.html               | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/aio/content/examples/getting-started/src/app/cart/cart.component.html b/aio/content/examples/getting-started/src/app/cart/cart.component.html
index 060e9d8823..b2b825c694 100644
--- a/aio/content/examples/getting-started/src/app/cart/cart.component.html
+++ b/aio/content/examples/getting-started/src/app/cart/cart.component.html
@@ -16,16 +16,20 @@
 <!-- #enddocregion checkout-form-1 -->
 
   <div>
-    <label>Name</label>
-    <input type="text" formControlName="name">
+    <label for="name">
+      Name
+    </label>
+    <input id="name" type="text" formControlName="name">
   </div>
 
   <div>
-    <label>Address</label>
-    <input type="text" formControlName="address">
+    <label for="address">
+      Address
+    </label>
+    <input id="address" type="text" formControlName="address">
   </div>
 
   <button class="button" type="submit">Purchase</button>
-  
+
 <!-- #docregion checkout-form-1 -->
 </form>