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

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