如何为输入中显示的文本创建偏移量？

Question

我正在创建一个基本的登录功能，真的没什么花哨的。

这就是我现在所拥有的，但这就是我想要拥有的：

我不想只是添加空格，因为当用户单击输入字段时，它会清除输入。但我不想只是将其清除到另一个空间，因为用户可以将其删除。我想要一个预制属性在左侧有一个小的空间偏移，如果我稍后评估输入，最好忽略它。提前致谢。

Answer 1

使用 input{ padding-left: 10px; }

Answer 2

您是否尝试过填充：

.username
{
  padding-left : 10px;
}

<input type = 'text' class='username' value='Enter username'>