[點晴永久免費OA]html文本框提示文字設置(input文本框添加提示文字的方法)
當前位置:點晴教程→點晴OA辦公管理信息系統
→『 經驗分享&問題答疑 』
html文本框中input文本框中在沒有值的情況下,添加提示的文字,當要輸入文字的時候,提示的文字消失。關于html文本框input 輸入框的提示文字,有兩種方法可以實現,一種為 input 元素的 placeholder 屬性,一種為 js 方法。 1.input文本框的 placeholder 屬性 placeholder:屬性提供可描述輸入字段預期值的提示信息 語法: <input placeholder="提示的文字"> 例:input 添加提示的文字 代碼: <input type="text" placeholder="這里是提示的文字"> 運行結果: 當input輸入框,輸出文字時,提示的文字信息會消失 2.js方法添加input文本框提示文字 示例代碼: <input type="text" onfocus="javascript:if(this.value=='請輸入內容')this.value='';"> 運行結果: 注: 1)js 方法添加的提示文字不同于使用 placeholder 屬性添加的效果 2)placeholder 屬性添加的提示文字,只有輸入內容時文字才會消失 3)js 方式添加的提示文字,當光標定位到 input 輸入框中時,提示文字就會消失 該文章在 2022/8/25 11:23:20 編輯過 |
關鍵字查詢
相關文章
正在查詢... |