HTML5 Placeholder Attribut

Text Platzhalter für Formularfelder:

<input type="text" name="textfeld" placeholder="Der Platzhaltertext..." />

JQuery: Input Default Value bei Klick ausblenden

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

Fokus des ersten Input-Feldes beim laden der Seite

$(document).ready(function() {
    $('input:text:visible:first').focus();
});

Beziehung zwischen “label” und “input”-Feld herstellen

<label for="Name">Name:</label>
<input type="text" id="name" name="Name" value="Ihr Name" />

Wert eines Input-Feldes bei Klick ausblenden und wiederherstellen

Beim aktivieren (klick) des Input-Feldes wird der Standartwert “Suchbegriff eingeben” entfernt. Sollte keine Eingabe erfolgen erscheint bei einem Klick ausserhalb des Input-Feldes wieder der Standartwert.

<input type="text" name="suche" value="Suchbegriff eingeben" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur = "if(!this.value) this.value = this.defaultValue;" />