ユーザーがデータを入力する前にテキストフィールドにテキストを表示する方法

Question

jqueryプラグインがあるか、比較的簡単ですか？

ユーザーが金額を入力するテキストフィールドがあります。テキストフィールドに '$'を表示させます。ユーザーがテキストフィールドをクリックすると、 '$'は表示されません。

Answer 1

私は最近、同様の質問question、私はWatermark pluginを使用することを選択しました。

$('#myInput').one("click", function() { 
    $(this).val('');//empty the prefilled input 
}); 

チェックアウトEvents/One：

Answer 2

<input name=Amount value=$100 type=text onfocus="removeDollar(this)" onblur="setDollar(this)"> 
<script> 

function setDollar(e) 
{ 
    e.value = '$' + e.value; 
} 

function removeDollar(e) 
{ 
    e.value = e.value.substr(1); 
} 
</script> 

Answer 3

は、私のようなものを想像してみてください。ドキュメントから：

一致する各 要素に対して一度に実行する1つ以上のイベント にハンドラをバインドします。ただ、基本的なHTML & JS ...

<input type="text" name="amount" id="amount" value="$" onFocus="clearText(this)"/> 

function clearText(textField) 
{ 
    if (textField.value == textField.defaultValue) 
     textField.value = "" 
} 

ノートの

Answer 4

：私はjQueryを使ってその慣れていないよ、これはHTML & JSを使用してちょうど推測でした。あなたが探していたものでないならば、申し訳ありません。

Answer 5

フィールドが空の場合は値がブラーのラベルを入力して復元されていない限り、この1つはフィールドをクリアします：

<input type="text" name="amount" id="amount" value="$" /> 

    $("#amount").focus(function(){ 
    this.value = this.value == "$" ? '' : this.value; 
    }).blur(function(){ 
    this.value = this.value || "$" ; 
    });