Question

我有一个用HTML5和CSS3编写的表单，它有一些不同长度的特定字段（SSN，电话号码，初始）。我试图弄清楚如何格式化输入字段，因此它只有X个字符长，具体取决于输入（SSN为11，初始为1，ZIP为5等）

我知道您以前能够放置size =“11”并且输入字段（不是标签）将被设置为该大小，但是这似乎被禁用或被BS3覆盖。

有关如何完成此任务的任何建议？

目前我的代码是：

                    <div class="form-group">
                    <label class="control-label" for="SSN">SSN:</label>
                    <input type="email" class="form-control" id="SSN" placeholder="###-##-####" size="12">
                </div>

但这似乎不起作用，如果我尝试class =“col-sm-2”（或任何其他数字）格式变得愚蠢（在某些情况下没有正确排列）。< / p>

提前致谢。

Answer 1

由于您标记为html5，因此您可以使用：

<div class="form-group">
     <label class="control-label" for="SSN">SSN:</label>
     <input type="email" class="form-control" id="SSN" placeholder="###-##-####" maxlength="12">
</div>

顺便说一句，class="col-sm-2"是一个bootstrap类，它定义了一个元素应该跨越的列数。访问http://getbootstrap.com了解详情。

请确保您的html doctype为：<!doctype html>或多或少意味着'使用html5'。

用于格式化SSN表单输入的CSS

1 个答案: