Javascript 如何在输入标记内部留出书写空间

Javascript 如何在输入标记内部留出书写空间,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个输入标记,当我使用tab键到达输入标记或在输入框内单击时,我希望光标在离开左边框线一些空间后启动。下面是我的代码 <input id="visiblevalue" type="text" name="value" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;Value" value="" required="required" onblur="if(this.value == ' ') this.placeholder

我有一个输入标记,当我使用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);"  />

在很多方面,我们都可以做到这一点。但是,我认为添加是最好的方法

填充清除元素内容(边框内)周围的区域,如图所示:

您可以使用
padding left
属性从左边框线留出一些空间


.

您应该在输入中使用
左填充
,在CSS中使用:

input {
   padding-left: 1em;
}
我不清楚你是一直想要这个空白,还是只在你专注于这个领域的时候。如果您想要最后一个选项,可以使用选择器修复该问题:

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

添加一些css填充。我试过了。你能解释一下我应该在左边右边填充哪个吗显然
左边填充
我不想改变我的框宽伙计们,我是新来的,你能解释一下文本缩进吗