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); 
)};