JQueryでフォームのプレースホルダテキストを循環させますか？

Question

私はJQueryをかなり新しくしているので、この問題をどこから始めるべきかはわかりませんでした。

私は、さまざまなプレースホルダーを一時的に表示して、それらを順番に表示するフォームを持っています（NAMEフォームの入力には、Alice、Bob、Charlesなどのように、 ）をクリックして自分のテキストを入力します。

私はこの例を見つけました - http://jsfiddle.net/eFjnU/（以下のコード） - テキストを繰り返しますが、フォーム入力領域の一時的なプレースホルダにどのように適用できますか？

あなたが入力にdiv要素から上記変更することができます

var divs = $('div[id^="content-"]').hide(), 
    i = 0; 

(function cycle() { 

    divs.eq(i).fadeIn(400) 
       .delay(1000) 
       .fadeOut(400, cycle); 

    i = ++i % divs.length; 

})(); 

HTML

<div id="content-1">Sample text 1</div> 
<div id="content-2">Sample text 2</div> 
<div id="content-3">Sample text 3</div> 
<div id="content-4">Sample text 4</div> 
<div id="content-5">Sample text 5</div> 
<div id="content-6">Sample text 6</div> 
<div id="content-7">Sample text 7</div> 

jQueryのが、その意志サイクル全体の入力ボックスとアウト、と私はへの唯一のプレースホルダーテキストをしたいですフェードイン/アウト。

EDIT 1：たとえば

：

<input type="text" name="whatever" type="text" placeholder="Alice"> 
<input type="text" name="whatever" type="text" placeholder="Bob"> 
<input type="text" name="whatever" type="text" placeholder="Charles"> 

Answer 1

あなたはプレースホルダーテキストをアニメーション化することはできませんが、あなたが定期的に属性を変更する機能を作成することができ

：

Demo fiddle

var placeholders = ['Alice','Bob','Charles']; 

(function cycle() { 
    var placeholder = placeholders.shift(); 
    $('input').attr('placeholder',placeholder); 
    placeholders.push(placeholder); 
    setTimeout(cycle,1000); 
})(); 

あなたが欲しいものを基本的に現在、マイナスフェードイン/フェードアウト

Answer 2

プレースホルダテキストは、コンテナを必要とします。これは何でもかまいません。入力フィールドの上または下のスパンまたはラベルタグと同じくらい簡単です。