2021-05-12 14:32:11
如何實現input文字方塊輸入提示
2019-12-11 12:54:44
本篇介紹如何實現input文字方塊輸入提示。
1
通過HTML5屬性placeholder實現。程式碼如圖。
2
開啟瀏覽器檢視效果，如圖。
1
通過js實現聚焦行提示消失，程式碼如圖。
2
當滑鼠聚焦在輸入框內，提示消失。如圖。
3
通過js實現輸入型提示消失。程式碼如圖。
4
當在文字方塊內輸入內容是，提示消失。如圖。
相關文章
本篇介紹如何實現input文字方塊輸入提示。
通過HTML5屬性placeholder實現。程式碼如圖。
開啟瀏覽器檢視效果，如圖。
通過js實現聚焦行提示消失，程式碼如圖。
當滑鼠聚焦在輸入框內，提示消失。如圖。
通過js實現輸入型提示消失。程式碼如圖。
當在文字方塊內輸入內容是，提示消失。如圖。
相關文章