diff --git a/modules/playground/src/person_management/index.ts b/modules/playground/src/person_management/index.ts
index 3638ccecff..d981acad14 100644
--- a/modules/playground/src/person_management/index.ts
+++ b/modules/playground/src/person_management/index.ts
@@ -85,13 +85,15 @@ export class DataService {
       <form>
           <div>
             <label>
-              First: <input [(ngModel)]="person.firstName" type="text" placeholder="First name">
+              First: <input [(ngModel)]="person.firstName" type="text" placeholder="First name"
+                            name="firstName">
             </label>
           </div>
 
           <div>
             <label>
-              Last: <input [(ngModel)]="person.lastName" type="text" placeholder="Last name">
+              Last: <input [(ngModel)]="person.lastName" type="text" placeholder="Last name"
+                           name="lastName">
             </label>
           </div>
 
@@ -115,29 +117,34 @@ export class FullNameComponent {
     <div>
       <form>
         <div>
-					<label>First: <input [(ngModel)]="person.firstName" type="text" placeholder="First name"></label>
+					<label>First: <input [(ngModel)]="person.firstName" type="text" placeholder="First name"
+                               name="firstName"></label>
 				</div>
 
         <div>
-					<label>Last: <input [(ngModel)]="person.lastName" type="text" placeholder="Last name"></label>
+					<label>Last: <input [(ngModel)]="person.lastName" type="text" placeholder="Last name"
+                              name="lastName"></label>
 				</div>
 
         <div>
-					<label>Year of birth: <input [(ngModel)]="person.yearOfBirth" type="number" placeholder="Year of birth"></label>
+					<label>Year of birth: <input [(ngModel)]="person.yearOfBirth" type="number" placeholder="Year of birth"
+                                       name="yearOfBirth"></label>
           Age: {{person.age}}
 				</div>\
 
         <div *ngIf="person.mom != null">
 					<label>Mom:</label>
-          <input [(ngModel)]="person.mom.firstName" type="text" placeholder="Mom's first name">
-          <input [(ngModel)]="person.mom.lastName" type="text" placeholder="Mom's last name">
+          <input [(ngModel)]="person.mom.firstName" type="text" placeholder="Mom's first name" name="momFirstName">
+          <input [(ngModel)]="person.mom.lastName" type="text" placeholder="Mom's last name" name="momLastName">
           {{person.mom.fullName}}
 				</div>
 
         <div *ngIf="person.dad != null">
 					<label>Dad:</label>
-          <input [(ngModel)]="person.dad.firstName" type="text" placeholder="Dad's first name">
-          <input [(ngModel)]="person.dad.lastName" type="text" placeholder="Dad's last name">
+          <input [(ngModel)]="person.dad.firstName" type="text" placeholder="Dad's first name"
+                 name="dasFirstName">
+          <input [(ngModel)]="person.dad.lastName" type="text" placeholder="Dad's last name"
+                 name="dadLastName">
           {{person.dad.fullName}}
 				</div>