javascript - 是否可以对 HTML <input> 占位符文本更改进行动画处理

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

有人告诉我，在显示和隐藏文本之间进行动画更改(例如 Alpha 更改)是不可能的。

Answer 1

http://jsfiddle.net/qNmjw/1/

当您有这样的输入时

<input type="text" placeholder="the placeholder">

您可以将其包装在标签中，以便将占位符文本从输入“移动”到标签范围:

<label class='placeholder'>
  <input type="text" placeholder="">
  <span>the placeholder</span>
</label>

我编写了一个小型 jquery 函数，它可以对定义了占位符属性的任何输入进行重新排列。

如果您的输入具有 required 属性，那么您可以利用 CSS invalid选择器，并且您不需要 keyup 事件。参见这里:http://jsfiddle.net/qNmjw/2/