创建一个带有占位符的输入字段，该占位符在文本输入时写入答案

【问题标题】：Create an input field with a placeholder that gets written into upon text entry创建一个带有占位符的输入字段，该占位符在文本输入时写入
【发布时间】：2013-06-26 20:19:55
【问题描述】：

我正在尝试为电话号码创建一个输入字段。我希望占位符显示预期的格式/模式：(XXX) XXX-XXXX，如下所示。

Phone Number: <input type="text" name="phone" placeholder="(XXX) XXX-XXXX">

但是，当用户开始输入数字时，我希望他们简单地替换单个 X。

输入几个数字后，该字段将如下所示（4 后的光标）...

"(302) 4XX-XXXX"

然后，输入退格键的用户只需将最后输入的数字再次替换为 X。两次退格后...

"(30X) XXX-XXXX"

我以前在注册表单中看到过这种行为，但最近我找不到任何示例。我希望可能有一个像样的 jquery 插件来完成这个，但我还没有找到它。

【问题讨论】：

称为输入掩码。这肯定有插件。
@crush ...是的，我现在明白了。在搜索它时，我没有完全正确的术语。谢谢！

标签： javascript jquery html input

【解决方案1】：

你可以在 jQuery 中使用 Mask：

jQuery(".maskPhone").mask("(999) 999-99999");

您可以在此处获取插件：http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js

【讨论】：

【解决方案2】：

Masked Input Plugin 会做你想做的事。 http://digitalbush.com/projects/masked-input-plugin/

【讨论】：

【解决方案3】：

您也许可以在 JQuery 中使用 Mask Input 插件之类的东西

http://digitalbush.com/projects/masked-input-plugin/

或者

http://digitalbush.com/projects/watermark-input-plugin/.

【讨论】：