HTML, как увядает входной текстовое поле

Question

Я использую JQuery апи исчезать данные, как показано ниже:

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

и ввода в HTML является

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

Он работает. Однако как я могу убрать этот вход после загрузки страницы или просто открытия?

Answer 1

Просто сделай это в DOM Ready

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

DEMO

Answer 2

Pure CSS Demo таким образом, даже если пользователь имеет Javascript деактивирован он будет работать, и вам не нужно устанавливать вам вход в display:none

Markup

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