是否可以在表单字段中放置标签？

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