HTML如何淡出输入文本框

Question

我使用jQuery API褪色输入，如下图所示：

$(#input).fadeTo("slow", 0.5); 

和输入HTML是

<input type="text" name="input" id="input"> 

它的工作原理。但是，如何在页面加载或刚刚打开后淡入此输入？

Answer 1

只要做到这一点在DOM就绪

$(document).ready(function(){ 
    $('#input').fadeTo("slow", 0.5); 
}); 

DEMO

Answer 2

纯CSS Demo即使用户拥有的Javascript停用它会工作，你不需要输入您设置为display:none

这样

标记

<input type="text" name="input" id="input"> 

风格

#input{ 
    animation:fadeIn 3s ease; 
} 

@keyframes fadeIn { 
    from{opacity:0} 
    to{opacity:.5} 
} 

Answer 3

Try this fiddle

$(document).ready(function(){ 
    $('#input').hide(); 
    $('#input').fadeIn(5000); 
)};