<script type=
"text/javascript"
>
if
( !(
'placeholder'
in
document.createElement(
'input'
)) ){
$(
'input[placeholder],textarea[placeholder]'
).each(
function
(){
var
that = $(
this
),
text= that.attr(
'placeholder'
);
if
(that.val()===
""
){
that.val(text).addClass(
'placeholder'
);
}
that.focus(
function
(){
if
(that.val()===text){
that.val(
""
).removeClass(
'placeholder'
);
}
})
.blur(
function
(){
if
(that.val()===
""
){
that.val(text).addClass(
'placeholder'
);
}
})
.closest(
'form'
).submit(
function
(){
if
(that.val() === text){
that.val(
''
);
}
});
});
}
</script>
這個方法只能夠解決表單提交的問題，但若是是取值的話，仍是不能支持。javascript
解決方法是在input框裏再下一個層放一個labeljava
<label class="placeholder" for="username_1" style="display: block;">郵箱或手機號</label>this
若是有值就不顯示這個label，無值就顯示這個labelspa