Tabler
  • Source code
  • Leesa Beaty Administrator
    Profile Settings Inbox 6 Message
    Need help? Sign out
  • Dashboard
  • Form elements
  • Base
    • Starter page
    • Buttons New
    • Cards
    • Charts
    • Data Tables
    • Calendar
    • Carousel
    • Lists
    • Users
    • Gallery
    • Profile
    • Music
    • Authentication
      Sign in Sign up Forgot password Terms of service
    • Error pages
      400 page 401 page 403 page 404 page 500 page 503 page Maintenance page
  • A
    • B
      C
  • Layouts
  • Extra
    • Invoice
    • Blog cards
    • Snippets
    • Search results
  • Documentation
    • Introduction
    • Alerts
    • Autosize
    • Avatars
    • Badges
    • Breadcrumb
    • Buttons
    • Cards
    • Carousel
    • Colors
    • Countup
    • Cursors
    • Charts
    • Divider
    • Empty states
    • Flags
    • Form elements
    • Form helpers
    • Form input mask
    • Layout
    • Progress
    • Payments
    • Range slider
    • Ribbons New
    • Spinners
    • Steps
    • Tables
    • Tabs
    • Timelines
    • Toasts
    • Tooltips
    • Typography

Documentation

Browse source code
Introduction Alerts Autosize Avatars Badges Breadcrumb Buttons Cards Carousel Colors Countup Cursors Charts Divider Empty states Flags Form elements Form helpers Form input mask Layout Progress Payments Range slider Ribbons New Spinners Steps Tables Tabs Timelines Toasts Tooltips Typography

Input mask

<label class="form-label">Telephone mask</label>
<input type="text" name="input-mask" class="form-control" data-mask="(00) 0000-0000" data-mask-visible="true" placeholder="(00) 0000-0000" autocomplete="off"/>