Placeholder(占位符) 是 HTML5 新增的一個 HTML 屬性，用來對可輸入字段的期望值提供提示信息，目前已經得到主流瀏覽器的廣泛支持，使用方式非常簡單：

代碼效果圖片:html>

*{

padding:?0;

margin:?0;

}

#dd{

width:?300px;

height:?60px;

margin:100px?auto;

}

placeholder 與 value 區別

placeholder可以用于密碼內可見文字提示

value不可

處理密碼輸入框

如果需要處理 placeholder 的是個密碼輸入框，它的 value 值會顯示為圓點之類的字符，呈現幾個莫名其妙的圓點來作為 placeholder 提示恐怕不妥，因此需要特殊對待一下，將密碼輸入框拷貝一份出來然后修改其 type 屬性為 'text' 來替代顯示 placeholder，并把原本的密碼輸入框隱藏：$('input[placeholder]').on('blur',?function()?{??var?$this?=?$(this);??var?$replacement;??if?(this.value?===?'')?{?//?失去焦點時值為空則顯示?placeholder

if?(this.type?===?'password')?{

$replacement?=?$this.clone().attr('type',?'text');

$replacement.data('placeholder-password',?$this);??????//?替代顯示的文本輸入框獲取焦點時將它刪掉，并且重新顯示原來的密碼輸入框

$replacement.on('focus',?function()?{

$(this).data('placeholder-password').show().focus();

$(this).remove();

});

$this.after($replacement).hide();

$this?=?$replacement;

}

$this.addClass('placeholder');

$this[0].value?=?$this.attr('placeholder');

}});

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的html value一点就消失,input输入框内文字消失用value和placeholder有什么区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。