Capitalize placeholder

README.adoc

@@ -595,7 +595,7 @@ Update `src/app/edit/edit.component.html` to display an editable form. You might
   </div>
   <div>
     <label>Name:</label>
-    <input [(ngModel)]="person.name" name="name" id="name" placeholder="name"/>
+    <input [(ngModel)]="person.name" name="name" id="name" placeholder="Name"/>
   </div>
   <div>
     <label>Phone:</label>
@@ -798,7 +798,7 @@ To make name required, modify `edit.component.html` to add a `required` attribut
 [source,html]
 .src/app/edit/edit.component.html
 ----
-<input [(ngModel)]="person.name" name="name" id="name" placeholder="name" required #name="ngModel"/>
+<input [(ngModel)]="person.name" name="name" id="name" placeholder="Name" required #name="ngModel"/>
 <div [hidden]="name.valid || name.pristine" style="color: red">
   Name is required
 </div>

src/app/edit/edit.component.html

@@ -7,7 +7,7 @@ <h3 class="mt-2">{{person.name}}</h3>
     </div>
     <div class="form-group">
       <label for="name">Name:</label>
-      <input [(ngModel)]="person.name" name="name" id="name" placeholder="name" required class="form-control" #name="ngModel" [ngClass]="{'is-invalid': name.touched && name.invalid,  'is-valid': name.touched && name.valid}"/>
+      <input [(ngModel)]="person.name" name="name" id="name" placeholder="Name" required class="form-control" #name="ngModel" [ngClass]="{'is-invalid': name.touched && name.invalid,  'is-valid': name.touched && name.valid}"/>
       <div [hidden]="name.valid || name.pristine" style="display: block" class="invalid-feedback">
         Name is required
       </div>