价值/占位符 - 不同造型的话(Value/Placeholder - different styl

2019-06-24 04:18发布

我在与占位符的问题。 我想问一下,有没有可能在输入字段,但样式不同的是值的文字的方式样式值。

例如,如果我们有具有初始值输入字段"First Name"我想有green color"First"red color"Name" (这只是一个例子)。

这甚至可能吗?

注:即时通讯使用的值,因为IE的“占位符”(而不是占位符HTML属性)。

<input type="text" value="First Name" onFocus="if (this.value == 'First Name') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'First Name';}" />

Answer 1:

不幸的是它是不可能的。 当谈到造型表单元素,也有不少障碍,颜色可以设置为一个元素不chracters,试试这个:

http://jsfiddle.net/Fgd2e/1/



Answer 2:

您可以更改使用的输入的颜色color样式属性。 拥有不同的颜色每个字要困难得多。 你需要有一个显示正确的颜色叠加。 此外,光标就会消失,使用户不知道他目前是。



文章来源: Value/Placeholder - different styling for words