想在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;
}

Answer 2

在输入

上使用占位符属性

<input type="text" placeholder="placeholder_text"/>