Last active
September 27, 2017 00:52
-
-
Save khan-hasan/c7832b0e10131c0d3f5a2669d2fc27f4 to your computer and use it in GitHub Desktop.
CF 2.2 (revised, re-upload) | added "required" attribute to the Email and Message input/textarea fields
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form> | |
<div class="form-group name-group col-lg-4"> | |
<p>Name</p> | |
<label for="Name" class="sr-only">Your name</label> | |
<input type="text" class="form-control" placeholder="Enter your name" id="Name" title="Enter your first and last name (optional, min: 3 characters)" minlength="3"> | |
</div><!-- end .form-group --> | |
<div class="form-group phone-number-group col-lg-4"> | |
<p>Phone number</p> | |
<label for="Phone-number" class="sr-only">Phone number</label> | |
<input type="tel" class="form-control" placeholder="Enter your phone number (optional)" id="Phone-number" title="Enter your phone number starting with area code (min: 10 digits, max: 20 digits)" minlength="10" maxlength="20"> | |
</div><!-- end .form-group --> | |
<div class="form-group"> | |
<p>Email</p> | |
<label for="Email" class="sr-only" required="required">*Email address</label> | |
<input type="email" class="form-control" placeholder="*Enter your email" id="Email" title="Enter your full email address (required, min: 5 characters)" minlength="5" required> | |
</div><!-- end .form-group --> | |
<p>Message</p> | |
<label for="Message" class="sr-only" required="required">*Your message</label> | |
<textarea style="resize: none" cols="40" rows="5" class="form-control message-box" placeholder="*Place your message here ..." id="Message" title="Enter your message (required, min: 3 characters, max: 500 characters)" minlength="3" maxlength="500" required></textarea> | |
<button type="submit" class="btn btn-primary btn-lg">Submit</button> | |
</form> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment