Css＆＃39; const＆＃39;文本输入中的字符

Question

有没有办法设置＆＃39; const＆＃39; crs或html中的文字字符？ 例如，用户写入电话号码646830293和文本（一个输入），这是646-830-293（所以每四和八个字符都是＆＃39; - ＆＃39;）。

Answer 1

我认为你不能用纯CSS做到这一点，但只使用Javascript非常简单。

＆＃13;

＆＃13;

var text = document.getElementById('text').innerHTML;

var output = text.substring(0, 3) + "-" + text.substring(3, 6) + "-" + text.substring(6);

document.getElementById('output').innerHTML = output;

＆＃13;

<p id="text">646830293</p>
<p id="output"></p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

jQuery Mask Plugin可能是您的解决方案。它使用起来非常简单，并且定制非常好。

从文档中，您将编写一个简单的掩码：

${python3:Depends}

整个页面有更多的例子！

使用pastebin，结果如下：