簡單 使用onfocus事件檢查當前值,如果是默認值,就將value屬性置空.如:

<input type="text" value="請輸入內容" οnfοcus="javascript:if(this.value=='請輸入內容')this.value='';">

HTML5

<input placeholder="提示語..."></input>

js 較全面?

<input type="text" name="tip" /> var str="您的稱呼"; $("input[name='tip']").attr('style','color:gray;'); $("input[name='tip']").val(str); $("input[name='tip']").focus(function(){ var v=this.value; if(v == str){ $("input[name='tip']").attr('style','color:;'); $(this).val("").attr('name','tip'); } }).blur(function(){ var v=this.value; if(v == ""){ $("input[name='tip']").attr('style','color:gray;'); $(this).val(str).attr('name','tip'); } });

　　

轉載于:https://www.cnblogs.com/bbqwwb/p/6554511.html

總結

以上是生活随笔為你收集整理的input文字提示的全部內容，希望文章能夠幫你解決所遇到的問題。

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