Tutorial Formular mit Eingabefeld-Beschriftung

Bitte stellt Eure Arbeitsfläche auf “Fortgeschritten”

> Menü oben > Ansicht > Arbeitsfläche > Fortgeschritten

Tragt Euren Text im Fenster “Eingabefeld-Eigenschaften” direkt unter “Text” ein.

Klickt auf den 2. Reiter (unten) “Eingabefeld-Eigenschaften <input>” und kontrolliert, ob der Text dort unter “value” (Wert) drin steht. NOF übernimmt das manchmal nicht gleich - in diesem Fall müsst Ihr den Text bei “value” erneut eintragen.

Damit der Text nicht bei der Eingabe des Benutzers stehen bleibt und dieser den Text erst löschen müsste, habe ich hier eine kleine Javascript-Anweisung in die Objekt-HTML der Eingabefelder eingetragen.

> Fenster “Eingabefeld-Eigenschaften” > Button “HTML” > “im Tag” (ab NOF 11 “innen”) eintragen, wobei es sich bei “this.value='';” um 2 einfache Hochstriche handelt.

onclick="this.value='';"

Ich habe das hier dann noch etwas erweitert und folgende Javascript-Anweisung eingetragen, die bei “onclick” (Mausklick) und bei “onfocus” (Tab-Taste) das Feld löscht und anstelle meiner vorher mittels CSS-Class definierten Schriftfarbe für die Eingabefelder eine neue Schriftfarbe einsetzt (hier Schwarz).

onclick="this.value=''; this.style.color='#000000'" onfocus="this.value=''; this.style.color='#000000'"

Viel Spaß!