Checkout Input-Typen der Felder ändern

Du hast Probleme mit der Formatierung der Anzeige und weißt nicht woher der Fehler kommt und wie du ihn beheben kannst?

Moderator: maennchen1.de

Antworten
Andre (KM)
Beiträge: 182
Registriert: 05.09.2012, 15:13
Lizenz: keine

Checkout Input-Typen der Felder ändern

Beitrag von Andre (KM) »

Moin,
ich möchte mein Einseitencheckout ein wenig optimieren und die Typen-Input ändern, wie hier beschrieben:

http://forum.golem.de/kommentare/softwa ... ,read.html

Live-Beispiel: http://slik-magazin.de/html5.html


Kann ich jetzt im Code ganz einfach den Typ ändern ohne Probleme oder muss ich da noch etwas beachten?

Code: Alles auswählen

<div class="wpsg_checkoutblock">
					<label for="name" class="wpsg_checkout">Name					<span class="wpsg_required">*</span>:
					</label>
					<input class="validate[required] wpsg_checkout " id="name" name="wpsg[checkout][name]" value="" type="text">
				</div>
				
				<div class="wpsg_checkoutblock">
					<label for="email" class="wpsg_checkout">E-Mail Adresse 
					<span class="wpsg_required">*</span>:
					</label>
					<input class="validate[required] wpsg_checkout " id="email" name="wpsg[checkout][email]" value="" type="text">
				</div>
				
								
			
			
				<div class="wpsg_checkoutblock">
					<label for="strasse" class="wpsg_checkout">Strasse Nr. 
					<span class="wpsg_required">*</span>:
					</label>
					<input class="validate[required] wpsg_checkout " id="strasse" name="wpsg[checkout][strasse]" value="" type="text">		
				</div>
			
				<div class="wpsg_checkoutblock">
					<label for="plz" class="wpsg_checkout">Postleitzahl 
					<span class="wpsg_required">*</span>:
					</label>
					<input class="validate[required] wpsg_checkout " id="plz" name="wpsg[checkout][plz]" value="" type="text">
				</div>
Postleitzahl von "text" auf "number" oder E-Mail von "text" auf "email" zum Beispiel.
Oder hängt da noch mehr dran?

Gruß,
Andre
Benutzeravatar
maennchen1.de
Administrator
Beiträge: 17874
Registriert: 14.08.2003, 16:55
Lizenz: wpShopGermany Enterprise
Wohnort: Thüringen, Ellersleben
Kontaktdaten:

Re: Checkout Input-Typen der Felder ändern

Beitrag von maennchen1.de »

Hallo!
Das einzige was mir dazu einfällt ist die Browserkompatibilität. Nicht jeder Browser dürfte mit diesen Typen klar kommen.
hier noch eine kleine Übersicht: http://www.w3schools.com/html/html5_for ... _types.asp
Kein Support per PN! Alle Fragen beantworten wir hier im Forum. Per PN bitte nur Passwörter, Namen und URLs - sofern notwendig.
Bitte vor dem posten lesen:
Wie poste ich eine Frage zu einem Problem?
FAQ / häufig gestellte Fragen
Anzeige-Fehler / Funktionsfehler in wpShopGermany erkennen und selbst beheben
PHTML-Dateien richtig verwenden (für eigene Anpassungen)
Andre (KM)
Beiträge: 182
Registriert: 05.09.2012, 15:13
Lizenz: keine

Re: Checkout Input-Typen der Felder ändern

Beitrag von Andre (KM) »

Oh, danke für den Link, schaue ich mir mal an!!!
Andre (KM)
Beiträge: 182
Registriert: 05.09.2012, 15:13
Lizenz: keine

Re: Checkout Input-Typen der Felder ändern

Beitrag von Andre (KM) »

Wie verhält es sich denn wenn man den Type "number" nutzt welcher aber von IE 9 und kleiner nicht unterstützt wird?
Leider sind die Versionen ja noch recht verbreitet, immerhin 7 %. Kann dann trotzdem eine Eingabe erfolgen oder kommt eine Fehlermeldung?

Ich habe (leider - zum Glück) kein IE in den Versionen und kann das nicht live testen....

Weiß das einer?

Gruß Andre


btw: falls das Thema noch andere interessiert, hier paar interessante Links:
http://wiki.selfhtml.org/wiki/HTML/Form ... iche/Input
http://www.torbenleuschner.de/blog/601/ ... -und-mehr/
Andre (KM)
Beiträge: 182
Registriert: 05.09.2012, 15:13
Lizenz: keine

Re: Checkout Input-Typen der Felder ändern

Beitrag von Andre (KM) »

Update: Lösung endlich gefunden: http://www.heise.de/ix/artikel/Auswahls ... 67689.html

Werden dann als normale Textfelder verwendet. Danke nochmal!!
Antworten