首頁 >web前端 >H5教程 >HTML 5 input placeholder 屬性如何完美兼任ie_html5教學技巧

HTML 5 input placeholder 屬性如何完美兼任ie_html5教學技巧

WBOY
WBOY原創
2016-05-16 15:47:481871瀏覽

記得引用jquery類庫

複製代碼如下:
$(document) .ready(function () {
if ($.browser.msie)
$("輸入:文本,輸入:密碼").each(function () {
var $placeholder = $(this ).attr("佔位符");
var $width = $(this).css("width");
var $id = $(this).attr("id"); $ height = parseInt($(this).css("height")) 6 "px"; var $fontSize = $(this).css("font-size"); = $(this).css("字體粗細");
var $lineHeight = $height;
if ($(this).css("line-height") != "正常") {
$lineHeight = parseInt($(this ) .css("行高")) 6 "px";
}
if ($placeholder != undefined) {
$(this) .after("" $placeholder ""
}
$(this).bind(" keyup", function () {
if ($( this).val () == "") {
$(this).parent().find(".ph_" $id).css( “顯示”、“內聯塊”);
}
else {
$(this).parent().find(".ph_" $id).css("display", "none");
}
});
});
$(".placeholder").live("click", function () {
$(this).prev().focus();
});
});


頁面呼叫




複製程式碼
程式碼如下:複製程式碼
程式碼如下:
🎜>









風格



複製代碼代碼如下:


;
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn