IE9でプレースホルダーを使用するには?
- 詳細
- カテゴリ: テンプレート
- 作成日:2016-08-04
IE9ではplaceholder属性が実装されていないため、クライアント側スクリプトで擬似的なプレースホルダーを実装します。
以下のように記述します。
<script>
var $searchInput = $("input[name='example']");
var searchText = $searchInput.attr("placeholder");
$searchInput.val(searchText);
$searchInput.css("color", "#999");
$searchInput.focus(function() {
if($(this).val() == searchText) {
$(this).val("");
$(this).css("color", "#000");
}
}).blur(function() {
if($(this).val() == "") {
$(this).val(searchText);
$searchInput.css("color", "#999");
}
});
</script>