docs: change to explicit label type in getting-started form (#31213)

PR Close #31213

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>