의견 :이 기사는 주로 HTML 5 입력 자리 표시 자 속성을 소개합니다. 필요한 친구는 그것을 참조 할 수 있습니다
jQuery 클래스 라이브러리를 참조하십시오$ (document) .ready (function () {
if ($ .Browser.msie)
$ ( "입력 : 텍스트, 입력 : 비밀번호"). 각 (function () {
var $ placeholder = $ (this) .attr ( "자리 표시 자");
var $ width = $ (this) .css ( "width");
var $ id = $ (this) .attr ( "id");
var $ height = parseint ($ (this) .css ( "높이")) + 6 + "px";
var $ fontsize = $ (this) .css ( "font-size");
var $ fontweight = $ (this) .css ( "font-weight");
var $ lineHeight = $ 높이;
if ($ (this) .css ( "line-height")! = "normal") {
$ lineHeight = parseint ($ (this) .css ( "line-height")) + 6 + "px";
}
if ($ placeholder! = undefined) {
$ (이) $ 자리 표시 자 + "</span>");
}
$ (this) .bind ( "keyup", function () {
if ($ (this) .val () == "") {
$ (this) .parent (). find ( ". ph_" + $ id) .css ( "display", "inline-block");
}
또 다른 {
$ (this) .parent (). find ( ". ph_" + $ id) .css ( "display", "none");
}
});
});
$ ( ". 자리 표시 자"). live ( "click", function () {
$ (this) .prev (). focus ();
});
});
페이지 호출
<input type = "text"자리 표시 자 = "내용이 정상이라고 생각합니다" />
<입력 유형 = "Text"자리 표시 자 = "콘텐츠의 너비와 높이를 제기하고 있습니다" />
<입력 유형 = "텍스트"자리 표시 자 = "다른 스타일이있는 콘텐츠를 제기하고 있습니다" />
<입력 유형 = "텍스트"자리 표시 자 = "다른 것들을 시도 할 수 있습니다" />
스타일
<스타일 유형 = "텍스트/CSS">
.placeholder {display : inline-block; color : grey; vertical-align : 상단; 오버플로 : 숨겨진;}
</스타일>