如果使用
<input type="text" id="test" placeholder="可以提示使用者輸入些什麼">
你可能會發現在 firefox 、google chrome 都正常
但在 ie 就沒有效果
還好這時候有這個~
有人整理的非常好了^_^
https://github.com/mathiasbynens/jquery-placeholder
連demo都很完整了
http://mathiasbynens.be/demo/placeholder
總之,把以下的code貼到 head 就能跑了
<script src="http://sunnyriver.3wa.tw/inc/javascript/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://sunnyriver.3wa.tw/inc/javascript/jquery/jquery-placeholder/jquery.placeholder.min.js" type="text/javascript"></script>
// 修正 placeholder
$(document).ready(function() {
$('input, textarea').placeholder();
});