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

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

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

Is it possible to put a label inside a form field?

html

css

forms

field