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

Question

由于我对JavaScript并不熟悉，所以我在网上进行了一些研究。继续，但无法解决我的问题。

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

你知道如何实现它吗？

谢谢。

Answer 1

试试这个

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

为该输入字段使用label，并使用concat输入字段值和标签文本

Answer 2

解决方案1 ​​

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

我不认为INSIDE输入的样式非常适合W3C。

解决方案2

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

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

希望这有帮助。