value后面輸入的字可以顯示到輸入框里，輸入的時候還要刪除，那怎么才能讓輸入框里的字一點擊就消失了
value后面輸入的字可以顯示到輸入框里，輸入的時候還要刪除，那怎么才能讓輸入框里的字一點擊就消失了
qq_威斯布魯童_0
2018-01-29
4 回答
舉報
0/150
提交
取消
2018-07-18
可以通過JS實現
2018-01-31
二樓正解,placeholder屬性,但是注意瀏覽器兼容問題，可以加入私有前綴
2018-01-29
前面有人提到：把value換成placeholder，在輸入框哪里就能顯示原來設定的值，但是在你在網頁輸入信息的時候就不需要刪除了。當然這只是其中一種不同的顯示方式，還有其他方法應該在后面會有的，我也是剛學
2018-01-29
要寫一個js:
<script>
$("#content").focus(function(){
if(this.value == this.defaultValue) {
this.value='';
$(this).css('color','#000');
}
});
$("#content").blur(function(){
if(this.value == '') {
this.value=this.defaultValue;
$(this).css('color','#ccc');
}
});
});
</script>
==================================================================
對應的 html:
<input type="text" id="content" name="content" value="請輸入內容"/>
====================================================================
對應的css:
<style type="text/css">
#content{color:#ccc; }
</style>