html - 格式化字段的显示

Question

I'm aware 用纯 CSS 解析数字是不可能的。但就我而言，我确定输入总是以特定方式进行，是否可以根据输入字段中的字符数更改输入字段的显示？

例如我希望“123450”显示为“1,234.50”——或者如果它是“abcdef”，它应该显示为“a,bcd.ef”。

所以，我想要这样的规则:从右到左:在第二个字符之后显示一个点，在第五个和八个字符之后显示一个逗号。

这可能吗？

例子:

<input type="text" class="unformatted" value="123456" />

应该显示为

<input type="text" class="formatted" vaulue="1,234.56" />

同时仍保留其原始值 123456。

Answer 1

纯 CSS 无法满足您的要求。您可以使用 CSS 的最小值是单个 HTML 标记，您不能更深。
无法选择或更改单独的文本行，因为它们被 CSS 引擎视为一个整体。

然而，借助 JavaScript 的一点帮助，这可以轻松完成。