KAWWA Markup Pattern Library


Forms

Phone field Component Information

  • Class name:
  • Version: 1.0

Add to list

This is a simple input pattern that doesn't require a CSS class. It relies on the HTML5 pattern attribute to define the entry pattern expected for international, national or local telephone numbers.

HTML5 Plain Code

COPY
  1. <p><label for="phone">Phone:</label>
  2. 	<input type="tel" id="phone" name="phone" pattern="(\+?\d[- .]*){7,13}" title="International, national or local phone number only"/>
  3. </p>

IE Backward Compatibility

In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:

Top


List of Components

Top

jQuery Feature
jQuery Interactive Feature
Tapestry Integration
Tapestry integration
AngularJS Feature
AngularJS Feature

Navigation

Forms

Tables

Blocks

Site Utilities

Editorial

eCommerce