JSFiddle - React, Tailwind, and code Playground

by anurag

HTML

<script src="http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.js"></script>
<input type="text" id="phone" align="center" />

CSS

body {
    background: #DDD;
}

input {
    width: 350px;
    background: #FEFEFE;
    color: #555;
    border: none;
    font-family: Monaco;
    border-radius: 35px;
    font-size: 2em;
    padding: 10px 20px;
    box-shadow: inset -2px 2px 5px #AAA;
    outline: none;
}

JavaScript

jQuery(function($) {
    $("#phone").mask("(999) 999-9999", {
        placeholder: ' '
    });
});