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

Question

因为我不熟悉JavaScript，所以我在网上做了一些研究。 继续，但无法解决我的问题。

我创造了一个小提琴 ，告诉你它应该是什么样子。 好吧，我的问题是浅灰色预填充值“电子邮件”不可删除，但值本身应可以黑色字体颜色扩展。

你知道如何实现它吗？

谢谢。

Answer 1

尝试这个

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

使用lable作为输入字段和concat输入字段值和lable文本

Answer 2

解决方案1

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

我不认为INSIDE输入的样式是非常友好的W3C。

解决方案2

在输入中使用背景图像（写入“电子邮件”的图像），左边有一些填充。 当你得到POSt值时，只需添加字符串“E-mail”即可。 这就像他们在输入上做cutom搜索按钮图标。

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

希望这可以帮助。