способ отображения текста в текстовом поле до ввода данных пользователем

Question

есть плагин jquery или это относительно легко сделать?

Существует текстовое поле, в котором пользователи будут вводить сумму. Я хочу, чтобы текстовое поле показывало «$». Когда пользователи щелкают текстовое поле, «$» исчезает.

Answer 1

Это очищает поле, если значение не было введено, и восстанавливает метку на размытие, если поле пустое:

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

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

Answer 2

Я представляю что-то вроде:

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

Выезд События / Один . Из документов:

Связывает обработчик с одним или несколькими событиями выполняется один раз для каждого подобранного элемент.

Answer 3

Я недавно задал похожий вопрос , я решил использовать плагин Watermark .

Answer 4

Это просто основной HTML & JS ...

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

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

Примечание: я не очень знаком с jQuery, так что это было только предположение, используя HTML & JS. Если это не то, что вы искали, извините.

Answer 5

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