What is the correct setup for a Bootstrap 3 Form, phone input?

I have the following setup for a Bootstrap 3 contact form:

 <form name="contactForm" class="contactForm form-responsive" method="post" action="http://www.serenaconstruction.com/sendForm-contact.php" role="form">

      <div class="form-group">
             <div class="col-md-10">
                    <label class="sr-only" for="InputName">Name</label>
                    <input type="text" class="form-control input-sm" name="InputName" id="InputName" placeholder="name:" required>
              </div>
        </div>

         <div class="form-group">
                 <div class="col-md-10">
                           <label class="sr-only"  for="InputEmail">Email</label>
                           <input type="email" class="form-control input-sm" id="InputEmail" name="InputEmail" placeholder="email:" required  >
                  </div>
          </div>

          <div class="form-group">
                  <div class="col-md-10">
                            <label class="sr-only" for="inputPhone">Phone</label>
                            <input type="text" class="form-control bfh-phone input-sm" data-format="+1 (ddd) ddd-dddd"  id="InputPhone" name="InputPhone" placeholder="phone:" >
                   </div>
            </div>

             <div class="col-md-10">
                     <select id="box1" name="contactCombobox" class="combobox form-control" onChange="go()">
                              <option value="" disabled selected>What are you interested in?</option>
                              <option value="#">Summerstone</option>
                              <option value="#">Artessa</option>
                               <option value="#">Houghton Custom Home</option>
                               <option value="#">Lower Somerset Custom Home</option>
                          </select>
                    </div>

                     <div class="form-group">
                               <div class="col-md-10">
                                         <label class="sr-only" for="InputMessage">How can we help you?</label>
                                          <textarea name="InputMessage" id="InputMessage" class="form-control" placeholder=" How can we help you?" rows="75"></textarea>
                               </div>
                        </div>

                        <div id="send" class="col-md-12 text-center">
                                 <button id="contactButton" type="submit" class="btn btn-default">SEND</button>
                         </div>
                 </form>

This form returns the following validation error on the inputPhone:

          "Line 265, Column 93: The for attribute of the label element must refer to a form control.
             …                           <label class="sr-only" for="bfh-phone">Phone</label>

I don't understand what correction is wanted here.  Some sage advice would be greatly appreciated.
dlearman1Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

RobOwner (Aidellio)Commented:
<label class="sr-only" for="bfh-phone">Phone</label>

The for attribute needs to point to the id of an element not the class.  However I cannot see that element in the code you've pasted above so it would be in another section of your code.
dlearman1Author Commented:
Hi Bob,

I goofed up on the error message. The actual message is:

           <label class="sr-only" for="inputPhone">Phone</label>

The code above seems to show;  id="InputPhone" correctly, but I still get the error message.  I must be missing something. Thanks a lot for your help.

Best,
Doug
RobOwner (Aidellio)Commented:
You've got a case issue here. inputPhone should be InputPhone, with a capital I. Case sensitive

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.