Test formular design

Tags:    css html design

<< < 12 > >>
Hey Gutter,

Jeg har de sidste par dage arbejdet på en formular som gerne skulle kunne fungerer crossbrowser og med downgrade gracefully hvis der klienten mangler en feature der kræves ved normal redering.

Jeg kunne godt tænke mig hvis i lige gad at bruge et par sekunder på at validere kode/design i jeres foretrukne browser. :)

http://dykkerture.net/tests/form.php

Det skulle gerne se nogenlunde ud i Chrome & Firefox som i det linkede billede. Slåes JS state fra, så skulle alle placeholders gerne være konverteret til smukke labels. :)
http://dykkerture.net/tests/form.jpg

Check det ud og giv en melding... :)

Mange tak!



Indlæg senest redigeret d. 02.09.2011 09:58 af Bruger #10216
16 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Fungerer fint i chrome15.
Nu spurgte du til validering...

css:
http://jigsaw.w3.org
html
validatator.w3.org

I FF6, når man vælger at køre uden JS, er der ikke felt "forklaring", det er der i Chrome. Er det Chrome, der snyder og ikke ændrer noget ?









Indlæg senest redigeret d. 01.09.2011 20:56 af Bruger #10576
Der benyttes placeholders til alle felter som standard. IE bruges javascript til at vise/skjule placeholders, da IE ikke supportere HTML5s placeholders.

Når man vælger NoJS setup så skulle alle placeholders gerne forsvinde og blive erstattet med en label ovenover felter (på nær select-feltet).

NoJS state er et failover for hvis JS afvikling ikke er fundet muligt.



Indlæg senest redigeret d. 02.09.2011 09:59 af Bruger #10216
Fungere fint med FF 6



Du kan jo evt tage screenshot, så kan du se, hvordan det ser ud i omkring 60 browsere ?

Link: http://browsershots.org/

Nu bruger omkring 60 % af verden internet explore eller noget i den retning, så det må hvert fald være essentielt at have en IE-tester :)

Link: http://www.google.dk/#sclient=psy&hl=da&source=hp&q=download+ietester&pbx=1&oq=download+ie+te&aq=0s&aqi=g-s1&aql=&gs_sm=e&gs_upl=70935l74522l0l75446l14l13l0l3l3l1l373l2346l0.4.3.3l10l0&bav=on.2,or.r_gc.r_pw.&fp=3b22f2b8afa95801&biw=1366&bih=600





@jakob hvor har du dog de tal fra, tror snart kun det er i danmark, at IE stadig har 60% af markedet, tror de er langt fra det tal, hvis du ser globalt. På vort firma website, der henvender sig til almindelige folk, har IE blot 25% markedsandele i fx Oslo.



Jeg beklager selvfølgelig, hvis tallene ikke er rigtige - men det er stadig en stor andel - jeg kender mange forskellige undersøgelser, som viser noget forskelligt, så hvad er rigtigt og hvad er forkert? :)

Jeg har tallene fra denne side: http://marketshare.hitslink.com/





Ja er en stor andel, men det har FF, Chrome og Safari jo også ? Det rigtige er at designe, så den virker uanset browser, og ikke skele til, hvilken der nu er mest populær og kun lave, så den virker til denne..

I øvrigt så falder salget af PC'er jo, så tablets/mobiler (idag reelt safari) er jo altså også værd at tage med, hvis man også ønsker at siden virker for de besøgende man har om et års tid..



Indlæg senest redigeret d. 04.09.2011 13:28 af Bruger #10576
Du antyder, at jeg skriver, at man ikke skal lave sin hjemmeside til andre browsere end IE(eller er det forkert?), men hvis ja, så er det forkert. Jeg skrev bare at det var essentielt med en IE-tester, da en stor andel bruger internet explore. Det er klart at man skal lave sin hjemmeside til alle slags browsere.

jeg synes det er endnu mere essentielt lige med IE, fordi min personlige erfaring er at det altid er i internet explore, som indeholder fejl. :)

Til topic.

Jeg har testet det i internet explore 5, 6, 7, 8, 9 og 10.

Det ser fint ud i 8, 9 og 10 - i 7 ændrer den sig lidt, men det ser stadig fint ud - til gengæld er formen ikke særlig pæn i IE 6 - det er selvfølgelig minimalt hvor mange der bruger 6 :)

Og så screenshot fra forskellige browsere: http://browsershots.org/http://dykkerture.net/tests/form.php



Indlæg senest redigeret d. 04.09.2011 14:47 af Bruger #15747
Hey

Personligt kan jeg rigtig godt lide at man kan klikke på teksten ved siden af en checkbox/radio button - det virker ikke umiddelbart i Chrome, men gør i IE9.

Ellers ser det vist meget fint ud :-)



Er det en bug i Chrome? Det virker fint på Mac. Der bruges standard for-attributes på labels, så det burde virke.



<< < 12 > >>
t