Jquery 类似icloud.com的表单输入字段

如何创建一个如图所示的输入字段

我希望占位符一直保留到有人开始键入为止。jQuery有没有办法做到这一点？

您需要使用该属性

<input type="text" id="user" name="user" placeholder="Please type your username" />

在此处测试：

您需要使用该属性

<input type="text" id="user" name="user" placeholder="Please type your username" />

---

在此处测试：

您可能指的是水印功能

当输入或textarea元素为空且没有焦点时，水印通常在该元素中显示为浅灰色文本。这向用户提供了一个关于input或textarea元素的用途或所需输入类型的提示

（来源：）

如果是这种情况，您可能需要尝试。它本机支持功能（在支持它的浏览器中），而在其他/旧版本中性能会下降

注意：存在许多其他插件。或者将帮助您找到它们：）

---

注2:为了尽可能兼容，Apple不依赖HTML5占位符属性，只利用JQuery在用户开始键入时隐藏重叠的div。

您可能指的是水印功能

当输入或textarea元素为空且没有焦点时，水印通常在该元素中显示为浅灰色文本。这向用户提供了一个关于input或textarea元素的用途或所需输入类型的提示

（来源：）

如果是这种情况，您可能需要尝试。它本机支持功能（在支持它的浏览器中），而在其他/旧版本中性能会下降

注意：存在许多其他插件。或者将帮助您找到它们：）

---

注2:为了尽可能兼容，苹果不依赖HTML5占位符属性，只在用户开始键入时利用JQuery隐藏重叠的div。

阅读“用JQuery修复的HTML5占位符输入字段”-

阅读“用JQuery修复的HTML5占位符输入字段”-

HTML5占位符属性

<input type="text" placeholder="Example Placeholder" />

---

HTML5占位符属性

<input type="text" placeholder="Example Placeholder" />

请注意您要支持哪种浏览器。请注意您要支持哪种浏览器。是的，我知道占位符属性，但在以下情况下它会消失：焦点给定…@mkampitch不在webkit浏览器中…是的，我知道占位符属性，但当：focus是给定的…@mkampitch不在webkit浏览器中时，它消失了…占位符不会停留在：focus是给定的nok，我不明白，对吧；请检查我的最新答案占位符没有停留在以下时间：焦点是givenok，我没有理解正确；请检查我的更新answer@mkampitsch很高兴读到这篇适合你需要的文章。这个回答似乎很有帮助，你会考虑吗？“麦卡姆斯奇高兴地读到这个适合你的需要。这个回答似乎很有帮助，你会考虑吗？