Question

是否有jquery插件或者它相对容易吗？

有一个文本字段，用户将输入金额。我希望文本字段显示'$'..当用户点击文本字段时，'$'将会消失。

Answer 1

我最近问过类似的question，我选择使用Watermark plugin。

Answer 2

我想象的是：

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

结帐Events/One。来自文档：

将处理程序绑定到一个或多个事件每个匹配的执行一次元件。

Answer 3

除非已输入值，否则此字段将清除该字段，如果该字段为空，则将标签恢复为模糊：

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

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

Answer 4

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

这只是基本的HTML＆amp; JS ...

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

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

注意：我对jQuery并不熟悉，所以这只是猜测使用HTML＆amp; JS。如果它不是你想要的，抱歉。

在用户输入数据之前在文本字段中显示文本的方法

5 个答案: