入力に表示されるテキストのオフセットを作成する方法は？

Question

私は基本的なログイン機能を作成しています。

これは私が今持っているものであるが、これは私が持っているしたいものです。

ユーザーがクリックしたときに、私はちょうど、以来、スペースを追加する必要はありません入力フィールドで入力をクリアします。しかし、私はユーザーがそれを削除できるように、別のスペースにそれをクリアしたいだけではありません。私はpremadeプロパティの左にスペースのオフセットを1つ小さくしたい、後で入力を評価する場合は無視することが望ましい。 ありがとうございます。

Answer 1

あなたはパディングを試してみました：

.username 
 
{ 
 
    padding-left : 10px; 
 
}

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

Answer 2

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

Answer 3

入力するために使用するパディングプロパティを。

ご入力の上、CSS padding-leftを使用して

input{ 
 
padding-left:10px; 
 
}

<input type="text" value="this is sample text"/>

Answer 4

、下記を参照のスニペット：

.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 5

私は私はあなたが望むものを理解していることを考える：

あなたは、ユーザーがinput fieldをクリックするとヘルプテキストplease enter your user name...は空白にすることが必要ですか？！そうするために

：

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