純 JS 設定文字框的預設提示

2022-02-13 03:48:34 字數 428 閱讀 3758

html5 中有個新特性叫 placeholder,一般用它來描述輸入欄位的預期值,適用於 text、search、password 等型別的 input 以及 textarea。示例如下:

對使用者來說,placeholder 就是文字框中的輸入提示資訊,往往是對預期值或預期格式的簡短描述。該提示在使用者輸入之前顯示在文字框中,在使用者開始輸入之後,該提示就會消失,此時文字框中顯示的是使用者輸入的內容。而如果文字框被置空,則該提示會再次顯示出來。

然而遺憾的是,早些年還有大量的 ie9 以及更低版本的 ie 使用者,這些瀏覽器都不支援 placeholder 屬性。所以那會兒做專案的時候,經常需要用 js 來模擬 placeholder,以達到類似的效果。實現**如下:

input文字框的提示效果

input文字框的提示有很多種,可以根據需求進行選擇 通過設定placeholder屬性值進行提示 placeholder 屬性提供可描述輸入字段預期值的提示資訊 hint 該提示會在輸入欄位為空時顯示,並會在字段獲得焦點時消失。例如 通過設定title屬性進行提示 title 屬性規定關於元素的額...

js 文字框限制

keyup this.value this.value.replace d g,onafterpaste this.value this.value.replace d g,2.只能輸入數字,能輸小數點.keyup if isnan value execcommand undo onafterpas...

給文字框新增灰色提示文字

html 在cs後台頁面獲取input的值方法 概述 想在後台cs頁面得到前台頁面aspx中html控制項input輸入的值.解決方法如下 1.用request name tostring 前台 如下 使用者名稱 input name username type text 後台獲取 如下 記住 一定...