value后面輸入的字可以顯示到輸入框里，輸入的時(shí)候還要?jiǎng)h除，那怎么才能讓輸入框里的字一點(diǎn)擊就消失了
value后面輸入的字可以顯示到輸入框里，輸入的時(shí)候還要?jiǎng)h除，那怎么才能讓輸入框里的字一點(diǎn)擊就消失了
qq_威斯布魯童_0
2018-01-29
4 回答
舉報(bào)
0/150
提交
取消
2018-07-18
可以通過(guò)JS實(shí)現(xiàn)
2018-01-31
二樓正解,placeholder屬性,但是注意瀏覽器兼容問(wèn)題，可以加入私有前綴
2018-01-29
前面有人提到：把value換成placeholder，在輸入框哪里就能顯示原來(lái)設(shè)定的值，但是在你在網(wǎng)頁(yè)輸入信息的時(shí)候就不需要?jiǎng)h除了。當(dāng)然這只是其中一種不同的顯示方式，還有其他方法應(yīng)該在后面會(huì)有的，我也是剛學(xué)
2018-01-29
要寫一個(gè)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>
==================================================================
對(duì)應(yīng)的 html:
<input type="text" id="content" name="content" value="請(qǐng)輸入內(nèi)容"/>
====================================================================
對(duì)應(yīng)的css:
<style type="text/css">
#content{color:#ccc; }
</style>