我们可以用很多方法来实现这一点，但是，我认为添加CSS padding是最好的方法。
填充清除元素内容周围（边框内）的区域，如图所示：

可以使用padding-left属性在左边框线之间留出一些空间。
All Solutions are implemented in this fiddle.

您应该使用padding-left作为输入，在CSS中使用以下代码：

input {
   padding-left: 1em;
}

我不清楚你是想一直使用这个空格还是只在你关注那个字段的时候使用，如果你喜欢最后一个选项，你可以使用:focus选择器来修正这个问题：

input:focus {
   padding-left: 1em;
}

试试text-indent属性，它指定文本块中第一行的缩进。

input {
  text-indent: 10px;
}