输入中的彩色文本（按位置）

Question

我需要创建一个具有不同颜色文本的输入类型。

实施例。前5个字符为黑色，其余为红色

用jquery或其他东西可以吗？

输入我的意思是

<input type="text" value="blackreddddd" />

谢谢。

Answer 1

您可以创建一个不接受任何字符的函数，然后将html替换为相同的函数。

Example Fiddle

相同的代码：

var str = $('#test').html();

function color(noOfCharacters) {
    $('#test').html('<span style="color:red">' + str.substr(0, noOfCharacters) + '</span><span>' + str.substr(noOfCharacters, str.length) + '</span>');
}
color(4);