在用户输入后保持输入占位符文本可见

-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

在用户输入后保持输入占位符文本可见

回答

相关问题