We are here to fulfill the beauty needs of the CURLY, COILY & TIGHT TEXTURED community. We are centered around the celebration of Black Beauty. Find Sewing Patterns at Fabric.com! Free shipping on domestic orders $49+ and free returns. Shop shirt patterns, skirt patterns, dress patterns, purse patterns and more! Check out the patterns created with our yarns. Learn more here. Another word for pattern. Find more ways to say pattern, along with related words, antonyms and example phrases at Thesaurus.com, the world's most trusted free thesaurus. WowPatterns is the world’s first free patterns marketplace with a collection of over 3000+ patterns made by a passionate designers. All the patterns are totally free for commercial and personal use.
Example
An HTML form with an input field that can contain only three letters (no numbers or special characters):
<label for='country_code'>Country code:</label>
<input type='text' name='country_code'
pattern='[A-Za-z]{3}'><br><br>
<input type='submit'>
</form>
More 'Try it Yourself' examples below.
Definition and Usage
The pattern
attribute specifies a regular expression that the <input>
element's value is checked against on form submission.
Note: The pattern
attribute works with the following input types: text, date, search, url, tel, email, and password.
Tip: Use the global title
attribute to describe the pattern to help the user.
Tip: Learn more about regular expressions in our JavaScript tutorial.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Attribute | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | 10.1 | 9.6 |
Syntax
Attribute Values
Value | Description |
---|---|
regexp | Specifies a regular expression that the <input> element's value is checked against |
More Examples
Example
An <input> element with type='password' that must contain 8 or more characters:
<label for='pwd'>Password:</label>
<input type='password' name='pwd'
pattern='.{8,}'>
<input type='submit'>
</form>
Example
An <input> element with type='password' that must contain 8 or more characters that are of at least one number, and one uppercase and lowercase letter:
<label for='pwd'>Password:</label>
<input type='password' name='pwd'
pattern='(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{8,}'
>
<input type='submit'>
</form>
Example
An <input> element with type='email' that must be in the following order: characters@characters.domain (characters followed by an @ sign, followed by more characters, and then a '.'
After the '.' sign, add at least 2 letters from a to z:
Patterns Online
<label for='email'>Email:</label>
<input type='email' name='email'
pattern='[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,}$'>
<input type='submit'>
</form>
Patterns Definition
Example
An <input> element with type='search' that CANNOT contain the following characters: ' or '
<label for='search'>Search:</label>
<input type='search' name='search'
pattern='[^'x22]+'>
<input type='submit'>
</form>
Example
An <input> element with type='url' that must start with http:// or https:// followed by at least one character:
<label for='website'>Homepage:</label>
<input type='url' name='website'
pattern='https?://.+'>
<input type='submit'>
</form>