如何在输入标签内写入空间

Question

我有一个输入标签，当我使用Tab键到达输入标签或在输入框内单击时，我希望我的光标应该从左边框线留下一些空格后开始。以下是我的代码

<input id="visiblevalue" type="text" name="value" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;Value" value="" required="required"  onblur="if(this.value == ' ') this.placeholder = '&nbsp;&nbsp;&nbsp;&nbsp; Value'" onkeydown="return isNumber(event);"  />

Answer 1

在很多方面，我们可以做到这一点。但是，我认为添加CSS padding是最好的方式。

填充清除元素内容（边框内）周围的区域，如图所示：

您可以使用padding-left属性从左边框线留下一些空格。

All Solutions are implemented in this fiddle

Answer 2

您应该在CSS中使用padding-left输入：

input {
   padding-left: 1em;
}

我不清楚你是否一直想要这个空白，或者只是当你专注于那个领域时。如果您想要最后一个选项，可以使用:focus选择器修复此问题：

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