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

關注

104學習精靈

產品

01/02 17:52

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

Placeholder 可以用在以下地方，最常見就是填資料時的提示語

1. 展示臨時內容: 它是在開發網頁或應用程式時使用的臨時內容，用來填充那些尚未準備好的位置，例如表單輸入框或圖片區塊。

2. 提示性文字或圖片: 在表單輸入框中，placeholder 提供了使用者應該輸入的預期內容，如「姓名」或「電子郵件」等。對於圖片，placeholder 可以是一個臨時的圖像，代表尚未上傳或準備好的真實圖片。

3. 開發時的樣式參考: 它有助於開發者確保各個元素的樣式和排版，即使缺少真實內容，也能讓畫面看起來完整。

Placeholder 也有屬性限制，像是

1. 當欄位一開始輸入文字，Placeholder 就會自動消失。

2. Placeholder 預設的提示文字顏色，對比太小，不易閱讀。

3. 改變了 Placeholder 預設的文字顏色，又怕造成使用者已填入的混淆。

更多關於Placeholder 的介紹，可以看

0 0 2108 0

拍手

留言

分享到：

Line

Facebook

複製連結

取消

本篇內容來自以下教室

推薦學習