不输入时隐藏输入文本字段

use*_*195 1 html css jquery

当我在输入表单中输入文本时,文本只会在消失之前暂时显示,我唯一可以防止这种情况的方法是将手指放在键盘上.

当我创建一个resizeInput属性时,这个问题才开始发生,该属性使输入框根据其内部的值发生变化,例如输入框随着我输入的每个字母变大.

无论如何我可以阻止这种情况发生吗?

*jsfiddle中的jquery出现了问题,resizeInput由于某些原因而无法正常工作,而这些原因并没有给出"文本仅在消失之前显示"效果.但是,如果单击文本框外部,问题仍然相同

JS小提琴:http://jsfiddle.net/bx15jdw0/

HTML

<input id="message" type="text" placeholder="It's your turn to type....!" required="required">
Run Code Online (Sandbox Code Playgroud)

Ant*_*ton 5

line-height从css中删除并将jQuery包含在你的小提琴中它会起作用.

DEMO