javascript - 输入字段：预填充值不可删除，但可扩展

Question

由于我对 JavaScript 不太熟悉，所以我在网络上做了一些研究以掌握某事。继续，但无法解决我的问题。

我创建了一个小提琴来向您展示它的外观。好吧，我的问题是浅灰色的预填充值“电子邮件”不可删除，但该值本身应可扩展为黑色字体颜色。

你知道如何实现它吗？

谢谢你。

Answer 1

试试这个

http://jsfiddle.net/wf9zX/2/

对该输入字段使用标签并连接输入字段值和标签文本

Answer 2

解决方案 1

为什么不使用两个样式不同的输入？您可以禁用或将第一个设置为只读，并且仍然连接两个输入 POST 值。

我不认为在输入中设置样式对 W3C 非常友好。

解决方案 2

在您的输入中使用背景图像（其中写有“电子邮件”的图像）并带有一些左填充。当您获得 POST 值时，只需将字符串“E-mail”添加到它。就像他们在输入上做自定义搜索按钮图标一样。

查看新的小提琴：http: //jsfiddle.net/gxY5P/4/

希望这可以帮助。