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

Question

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

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

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

Answer 1

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

Answer 2

在输入中使用css padding-left，请参阅以下代码段：

.login-input {
  padding-left:10px;
}

<input class="login-input" type="text" placeholder="enter username" /><br/><br/>
<input class="login-input" type="text" placeholder="enter password" />

Answer 3

你有没有尝试填充：

.username
{
  padding-left : 10px;
}

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

Answer 4

使用填充属性输入。

＆＃13;

＆＃13;

import pandas as pd
import matplotlib.pyplot as plt

df = pd.DataFrame({'Area':['A', 'A', 'A', 'B', 'B', 'C','C','C','D','D','D','D'],
              'Rank':[1,2,3,1,2,1,2,3,1,2,3,4],
              'Count':[156,65,152,70,114,110,195,92,44,179,129,76],
              'Value':[630,426,312,191,374,109,194,708,236,806,168,812]}
             )
df = df.set_index(['Area', 'Rank'])

fig, axes = plt.subplots(ncols=len(df.index.levels[0]), figsize=(6,4), sharey=True)
twinaxes = []
for i, l in enumerate(df.index.levels[0]):
    axes[i].bar(df["Count"].loc[l].index.values-0.4,df["Count"].loc[l], width=0.4, align="edge" )
    ax2 = axes[i].twinx()
    twinaxes.append(ax2)
    ax2.bar(df["Value"].loc[l].index.values,df["Value"].loc[l], width=0.4, align="edge", color="C3" )
    ax2.set_xticks(df["Value"].loc[l].index.values)
    ax2.set_xlabel("Rank")


[twinaxes[0].get_shared_y_axes().join(twinaxes[0], ax) for ax in twinaxes[1:]]
[ax.tick_params(labelright=False) for ax in twinaxes[:-1]]

axes[0].set_ylabel("Count")
axes[0].yaxis.label.set_color('C0')
axes[0].tick_params(axis='y', colors='C0')
twinaxes[-1].set_ylabel("Value")
twinaxes[-1].yaxis.label.set_color('C3')
twinaxes[-1].tick_params(axis='y', colors='C3')
twinaxes[0].relim()
twinaxes[0].autoscale_view()

plt.show()

＆＃13;

input{
padding-left:10px;
}

＆＃13;

＆＃13;

＆＃13;

Answer 5

我认为我理解你想要的东西：

当用户点击please enter your user name...时，您需要帮助文字input field为空白吗？！

这样做：

<input type="text" name="username" placeholder="please enter your user name..."/>