css - 想借助 CSS3 将占位符添加到输入中

Question

我知道在脚本的帮助下这是可能的。但是由于一些限制，我们可以借助 css3 来完成。提前致谢

Answer 1

是的。有可能的。您可以使用以下示例。

HTML代码:

<input type="text" value="" class="email_field"/>
<label class="label">Email</label>

CSS 代码:

.email_field {
   width:95%;
   z-index:3;
   position:relative;
   background-color:transparent;
}
label {
   position:absolute;
   display:block;
   top:3px;
   left:4px;
   z-index:1;
}