placeholderにテキストをランダム表示する

Ads

Result


placeholderのテキストを複数ランダム表示する

jQuery

$(function(){
//ランダムで表示したいplaceholderを配列で用意
  var list = 
  [
	'例)Photoshop リソース',
	'例)WordPress カスタマイズ',
	'例)CSS tips',
	'例)jQuery ハンバーガーメニュー',
	'例)html5 ツール'
    ],
//リストの数をチェックしてランダム表示
      r = Math.floor(Math.random() * list.length);
//placeholderに挿入
  $('#placeholder').prop('placeholder',list[r]);
});

html

<input type="text" placeholder="例)CSS ツール" id="placeholder">

via

flex-box nav with random placeholders