是否可以在表單域中添加標籤？

Question

我要放置一張圖片，以便您可以看到我的想法。這不像存在的佔位符，除非一些文本放在框中。

輸入新信息時標籤不會消失。

a sample form field design, i don't know if this can be translated to code

Answer 1

這裏的例子中，你如何能做到這

.input-with-label { 
    display: inline-block; 
    position: relative; 
    width: 200px; 
} 

.input-with-label input { 
    padding: 20px 5px 5px 5px; 
} 

.input-with-label .lbl { 
    position: absolute; 
    left: 5px; 
    top: 5px; 
    font-size: 12px; 
    opacity: 0.5; 
} 


<span class="input-with-label"> 
<input type="text" /> 
<span class="lbl">Contracted Authorites</span> 
</span> 

http://plnkr.co/xr6uF8EaJwWRL9GN0t1d