在用戶輸入後保持輸入佔位符文本可見

-1

我想在輸入字段中寫入一些東西后使佔位符保持可見狀態。在用戶輸入後保持輸入佔位符文本可見

重要提示：我不想使用任何其他元素來'解決'這個問題，我只想使用輸入字段。請只是CSS，沒有JS或jQuery。

來源

2017-10-28 the9ty9

你想那只是停留你寫的文字背後的佔位符文本？這看起來有點奇怪嗎？ –

[已回答]（https://stackoverflow.com/a/19516489/1523400） –

只需在輸入中使用value =「任意佔位符名稱」....就像 – Navnit

使用data-placeholder財產上class ="placeholder"這樣：

<div class="placeholder" data-placeholder="New placeholder"> 
</div>

，並在CSS：

.placeholder { 
    position: relative; 
} 

.placeholder::after { 
    position: absolute; 
    left: 10px; 
    top: 2px; 
    content: attr(data-placeholder); 
    pointer-events: none; 
    opacity: 0.5; 
}

這裏是JSfiddle

來源

2017-10-28 16:44:39 Aaqib

在用戶輸入後保持輸入佔位符文本可見

回答

相關問題