PM雜學相談室-新手轉職PM交流區🙌

通路開發、專案管理、網站企劃能力、產品企劃、網站企劃、網站開發、競品分析、商品銷售、排版、廣告企劃案╱文案撰寫、品牌行銷管理、提案與簡報技巧、產品開發

104學習精靈

產品

01/02 17:52

Placeholder 是什麼?在網頁上該如何設計使用

Placeholder 可以用在以下地方,最常見就是填資料時的提示語
1. 展示臨時內容: 它是在開發網頁或應用程式時使用的臨時內容,用來填充那些尚未準備好的位置,例如表單輸入框或圖片區塊。
2. 提示性文字或圖片: 在表單輸入框中,placeholder 提供了使用者應該輸入的預期內容,如「姓名」或「電子郵件」等。對於圖片,placeholder 可以是一個臨時的圖像,代表尚未上傳或準備好的真實圖片。
3. 開發時的樣式參考: 它有助於開發者確保各個元素的樣式和排版,即使缺少真實內容,也能讓畫面看起來完整。
-
Placeholder 也有屬性限制,像是
1. 當欄位一開始輸入文字,Placeholder 就會自動消失。
2. Placeholder 預設的提示文字顏色,對比太小,不易閱讀。
3. 改變了 Placeholder 預設的文字顏色,又怕造成使用者已填入的混淆。
更多關於Placeholder 的介紹,可以看
0 0 3678 0