<label for="input-field">输入框前面的文字</label><input type="text" id="input-field">这个代码还有哪些表达方式

除了使用label标签外，还可以使用CSS的伪元素:before来实现输入框前面的文字，例如：

<div class="input-wrapper">
  <input type="text" id="input-field">
  <span class="input-prefix">输入框前面的文字</span>
</div>

.input-wrapper {
  position: relative;
}
.input-prefix {
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8em;
  color: #999;
}
.input-prefix:before {
  content: "";
  display: inline-block;
  width: 2em;
  height: 1px;
  background-color: #999;
  margin-right: 0.5em;
  vertical-align: middle;
}

在上面的代码中，我们在输入框外部包裹了一个div元素，并使用相对定位来让内部元素的绝对定位相对于它进行定位。然后使用伪元素:before来创建一个长条，作为前缀文字的背景，最后将前缀文字和长条使用绝对定位进行排列。