Artikelformat

jQuery: Input text value change on click / ändern / ausblenden beim Klicken

Um beim Klick in ein Input Feld den value Wert verschwinden zu lassen und beim verlassen Ihn wieder anzuzeigen, vorrausgesetzt der User tippt nichts ein, kann man folgen Code verwenden:

$(document).ready(function() {
  $('.inputuser').click(function() {
    if (this.value == this.defaultValue) {
      this.value = '';
    }
  });
  $('.inputuser').blur(function() {
    if (this.value == '') {
      this.value = this.defaultValue;
    }
  });
});

jQuery Code blendet beim Klick in das Input Feld den value Wert aus und beim verlassen dessen wieder ein, solange der User nichts getippt hat.

<input type="text" class="inputuser" name="username" value="username" />

Aufruf des Input Felds mit normalen HTML. Über die Klasse wird dieses per jQuery angesprochen.

Autor: Rene Kreupl

Bloggt über WebEntwicklung und Fotografie

2 Kommentare

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*