form.html

<form (submit)="updateUserMeasurement()" #f="ngForm">
        <div class="container">
          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Shoulder</label><br>
                  <input 
                    type="text" 
                    name="shoulder" 
                    [ngModel] = "shoulder"
                    placeholder="Enter your Shoulder length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Back Length</label><br>
                  <input 
                    type="text" 
                    name="back_length" 
                    [ngModel] = "back_length"
                    placeholder="Your Back length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >R. Up. Bust</label><br>
                  <input 
                    type="text" 
                    name="r_up_bust" 
                    ngModel
                    placeholder="Your R. Up. Bust"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Bust</label><br>
                  <input 
                    type="text" 
                    name="bust"
                    ngModel
                    placeholder="Your Bust"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >R. Un. Bust</label><br>
                  <input 
                    type="text" 
                    name="r_un_bust"
                    ngModel
                    placeholder="Your R. Un. Bust"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >True Waist</label><br>
                  <input 
                    type="text" 
                    name="true_waist" 
                    ngModel
                    placeholder="Your True Waist"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Blouse Hip</label><br>
                  <input 
                    type="text" 
                    name="blouse_hip" 
                    ngModel
                    placeholder="Your Blouse Hip"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Full Hips</label><br>
                  <input 
                    type="text" 
                    name="full_hips" 
                    ngModel
                    placeholder="Your Full Hips"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Thigh</label><br>
                  <input 
                    type="text" 
                    name="thigh" 
                    ngModel
                    placeholder="Your Thigh"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Calf</label><br>
                  <input 
                    type="text" 
                    name="calf" 
                    ngModel
                    placeholder="Your Calf"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Sleeve Length</label><br>
                  <input 
                    type="text" 
                    name="sleeve_length" 
                    ngModel
                    placeholder="Your Sleeve Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Sleeve Width</label><br>
                  <input 
                    type="text" 
                    name="sleeve_width" 
                    ngModel
                    placeholder="Your Sleeve Width"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Neck Dip</label><br>
                  <input 
                    type="text" 
                    name="neck_dip" 
                    ngModel
                    placeholder="Your Neck Dip"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Bust Point</label><br>
                  <input 
                    type="text" 
                    name="bust_point" 
                    ngModel
                    placeholder="Your Bust Point"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Half Length</label><br>
                  <input 
                    type="text" 
                    name="half_length" 
                    ngModel
                    placeholder="Your Half Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Blouse Length</label><br>
                  <input 
                    type="text" 
                    name="blouse_length" 
                    ngModel
                    placeholder="Your Blose Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Hip Length</label><br>
                  <input 
                    type="text" 
                    name="hip_length" 
                    ngModel
                    placeholder="Your Hip Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Knee Length</label><br>
                  <input 
                    type="text" 
                    name="knee_length" 
                    ngModel
                    placeholder="Your Knee Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >3/4 Length</label><br>
                  <input 
                    type="text" 
                    name="3_4_length" 
                    ngModel
                    placeholder="Your 3/4 Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Tea Length</label><br>
                  <input 
                    type="text" 
                    name="tea_length" 
                    ngModel
                    placeholder="Your Tea Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Full Length</label><br>
                  <input 
                    type="text" 
                    name="full_length" 
                    ngModel
                    placeholder="Your Full Length"
                    >
              </ion-item>
          </ion-list>

          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Skirt Length</label><br>
                  <input 
                    type="text" 
                    name="skirt_length" 
                    ngModel
                    placeholder="Your Skirt Length"
                    >
              </ion-item>
          </ion-list>
          
          <ion-list  no-lines>
              <ion-item class="rounded">
                  <label color="divaGrey" >Inseam</label><br>
                  <input 
                    type="text" 
                    name="inseam" 
                    ngModel
                    placeholder="Your Inseam"
                    >
              </ion-item>
          </ion-list>


        </div>
      
        <div style="width: 100%; right: 0px; margin-top: 4vh;">
            <button ion-button block mode="ios" color="pureBlack" type="submit" >SUBMIT</button>
        </div>
      </form>