输入字段中的多个彩色文本

Question

我有一个简单的输入字段，如下所示：

<input class="input" id="name" type="text" name="name" value="* Your Name" onfocus="if (this.value == '* Your Name') {this.value = '';}" onblur="if (this.value == '') {this.value = '* Your Name';}">

我想用两种颜色的 *你的名字。 类似的东西：

<style>
.input {color: black}
.input span {color: red}
</style>

<input class="input" value="<span>*</span> Your Name">

显然，上述代码不起作用。但我只是想知道解决这种困境的最佳方法是什么。我真的不知道是否可能。