Skip to content

Instantly share code, notes, and snippets.

@khan-hasan
Last active September 27, 2017 00:52
Show Gist options
  • Save khan-hasan/c7832b0e10131c0d3f5a2669d2fc27f4 to your computer and use it in GitHub Desktop.
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
<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