title: CSS to format SSN form input
body: <p>I have a form, written in HTML5 and CSS3, that has some very specific fields (SSN, Phone Number, Initial) that are varying lengths.  I am trying to figure out how to format the input field so it is only X characters long depending on the input (11 for SSN, 1 for Initial, 5 for ZIP... etc) </p>
  
  <p>I know you used to be able to put size="11" and the input field (not the label) would be set to that size, however this seems to be disabled or is being overwritten with BS3.  </p>
  
  <p>Any suggestions on how to get this accomplished?</p>
  
  <p>What I have for code at the moment is:</p>
  
  <pre><code>                    &lt;div class="form-group"&gt;
                      &lt;label class="control-label" for="SSN"&gt;SSN:&lt;/label&gt;
                      &lt;input type="email" class="form-control" id="SSN" placeholder="###-##-####" size="12"&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>But that does not seem to work, and if I try class="col-sm-2" (or any other number for that matter) the format gets all goofy (does not line up properly in some cases).</p>
  
  <p>Thanks in advance.</p>