adil
/
freelancer-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #99 from hotwebmatter/patch-1 

Accessibility fix for form input labels
This commit is contained in:
Jerome Lachaud 2019-07-08 16:21:53 +02:00 committed by GitHub
parent 80a23e06f3 eb0dba8cfa
commit 30e626a823
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_includes/contact.html
View File

@ -14,28 +14,28 @@
<form name="sentMessage" id="contactForm" novalidate> <form name="sentMessage" id="contactForm" novalidate>
<div class="row control-group"> <div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls"> <div class="form-group col-xs-12 floating-label-form-group controls">
<label>Name</label> <label for="name">Name</label>
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name."> <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p> <p class="help-block text-danger"></p>
</div> </div>
</div> </div>
<div class="row control-group"> <div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls"> <div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label> <label for="email">Email Address</label>
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address."> <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p> <p class="help-block text-danger"></p>
</div> </div>
</div> </div>
<div class="row control-group"> <div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls"> <div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label> <label for="phone">Phone Number</label>
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number."> <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p> <p class="help-block text-danger"></p>
</div> </div>
</div> </div>
<div class="row control-group"> <div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls"> <div class="form-group col-xs-12 floating-label-form-group controls">
<label>Message</label> <label for="message">Message</label>
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea> <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p> <p class="help-block text-danger"></p>
</div> </div>
@ -51,4 +51,4 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section>