Kasse - Formulare (Rechnungs- und Versand-Adresse): input-Felder mit vorbelegen?

[wenty]

Hallo Community,

ich möchte für die input-Felder der Formulare Rechnungs- und Versand-Adresse (id="billing_address" und id="shipping_address") gerne für jedes Feld einen value vorgeben, sodass der Text der aktuell als Label zu jedem Feld erscheint im jeweiligen input-Feld erscheint. Bislang ist mir das leider noch nicht gelungen.

Kann mir jemand helfen?

Beste Grüße,

Wenty

[bubblez]

für jedes Feld einen value vorgeben, sodass der Text der aktuell als Label zu jedem Feld erscheint im jeweiligen input-Feld erscheint

Du meinst so eine Art hint-Text direkt im Input-Feld? Und wenn das Feld den Focus hat ist dieser Text weg.

Diskussion auf stackoverflow für Watermark Texts in Text Inputs.

[wenty]

Hi bubblez,

genau das meine ich. Wie das mit dem focus funktioniert ist allerdings klar, damit habe ich kein Problem. Mein Problem besteht darin die input-Felder mit einem value="..." zu belegen. Bei Formularen die über den Formulargenerator angelegt werden kann man ja ohne Weiteres einen Standardwert angeben. Bei den Formularen des Isotope Shops ist das aber leider nicht möglich...

[bubblez]

Im Backend ist es mit Isotope (und meines wissens auch mit anderen Feldern in contao) nicht möglich, Standartwerte für Text-Inputs im Frontend zu definieren. Um welche Isotope Felder handelt es sich denn? Die Addressfelder kannst du über den DCA konfigurieren: z.B. $GLOBALS['TL_DCA']['tl_iso_addresses']['fields']['phone']. Allerdings gibts in DCA Standart keine Möglichkeit default-Werte vorzugeben.

der Text der aktuell als Label zu jedem Feld erscheint im jeweiligen input-Feld erscheint

Mit Javascript könntest du den Inhalt der label-Tags auslesen und als Watermark ins dazugehörende Input-Text-Feld kopieren, danach das Label löschen / ausblenden.

[andreas.schempp]

ich würde auch die Variante über Javascript empfehlen. Dann hast du nur noch das Problem, dass die Felder leer sind und keine Labels da, wenn jemand kein Javascript hat. Aber auch das geht mit JS