webForumDet fria alternativet

Har ordningsföljden någon betydelse i formulär?

HTML & CSS

8 svar · 372 visningar · startad av biggles-1

Medlem sedan jan. 2005125 inlägg
Frågan#1

Har kämpat med ett enkelt formulär, där det visar sig att jag får ett irriterande stort mellanrum mellan "textfält" och "knapp" i IE6 men inte i FF. Formuläret ser ut så här:

<form method="post" action="xxxxxxx.cgi" target="body">
<font face="Verdana size="2">Sök produkt</font>
<input type="text" name="varde" size="8">
<input type="hidden" name="falt" value="6">
<input type="hidden" name="sortfalt" value="6">
<input type="hidden" name="sok" value="1">
<input type="hidden" name="logga" value="1">
<input type="hidden" name="mall" value="mall_sok.html">
<input type="submit" name="Submit" value="Ok">
</form>

När jag av en händelse flyttade upp "submit"-raden, så blir plötsligt mellanrummet detsamma i båda läsarna! Det verkar som om raderna med "hidden" adderar på bredden hos IE6 om den ligger före "Submit", eller .... har jag missat något? Följande är nämligen ok!

<form method="post" action="xxxxxxx.cgi" target="body">
<font face="Verdana, Arial, Helvetica" size="2">Sök produkt</font>
<input type="text" name="varde" size="8">
<input type="submit" name="Submit" value="Ok">
<input type="hidden" name="falt" value="6">
<input type="hidden" name="sortfalt" value="6">
<input type="hidden" name="sok" value="1">
<input type="hidden" name="logga" value="1">
<input type="hidden" name="mall" value="mall_sok.html">
</form>

Min fråga är, spelar det någon roll i vilken ordning jag anger raderna/<input i ett formulär?

Mvh / biggles-1

Medlem sedan maj 2005562 inlägg
#2

biggles-1 skrev:

Min fråga är, spelar det någon roll i vilken ordning jag anger raderna/<input i ett formulär?

Mvh / biggles-1

Nej det spelar ingen roll.. all info innan för <form> skickas.

Medlem sedan jan. 2005125 inlägg
#3

Tack slok,

Vet du eller någon annan vad det är i den innebördes ordningen som förändrar utseendet i webläsaren?

biggles-1

Medlem sedan juli 20013 378 inlägg
#4

Hmm..

Det är inte ordningen i sig - det är hanteringen av de mellanslag som blir följden av att du har radbrytningar mellan varje <input type="hidden">...
Tag bort all whitespace mellan hiddenfälten i det första exemplet så ser du vad jag menar ;)

Verkar alltså som om MSIE "börjar om" med att räkna whitespace efter varje hidden, vilket gör att det blir ett mellanslag utlagt för varje "hidden-mellanrum".

Medlem sedan jan. 2005125 inlägg
#5

Tack jarvklo,

Hm ..... märkligt, fast det är ju inte första gången som jag kommit till den slutsatsen att något är märkligt *ler*. Tur att ni "som kan", finns till hands!

Nu samlade jag ihop alla rader till en rad (m a o inga radbrytningar), och som du nämner så bildas inget mellanrum alls! Vet du något sätt att komma runt problemet (finns det en fix?), då det blir lite ohanterbart i längden att lägga allt på en rad.

Den här gången löser jag det, genom att jag flyttar upp "submit" enligt ovan.

Mvh / biggles-1

Medlem sedan juli 20013 378 inlägg
#6

Hmm..

Mitt standardsvar när jag inte orkar testa är:
Vad händer om du byter <!DOCTYPE till en som ger dig "standards mode" ? ;)

Medlem sedan jan. 2005125 inlägg
#7

Nej ... det löste sig inte genom att ändra till standard mode, och då prövade jag 4 olika varianter *ler*.

Min reflektionen då jag läser texten på länken du hänvisade till http://hsivonen.iki.fi/doctype/ (jösses 19 varianter inkl "none" på bara doctype!), är hur många varianter det finns på allt i den här "världen". Inte undra på att jag blir frustrerad från tid till annan = för det mesta, och samtidigt är det ändå ganska kul!

Just nu så släpper jag iallafall alla varianter och håller mig till den lösning som fungerar just nu (förhoppningsvis åtminstone kvällen ut!).

Tack för hjälpen!

Nils / biggles-1

Medlem sedan juli 20013 378 inlägg
#8

Bra val låter det som :birp

Blir det ohanterligt i längnden kan du ju alltid rangera om i taggarna lite ;)

Exempel:

<input 
  type="text" 
  name="varde" 
  size="8"
><input 
  type="hidden" 
  name="falt" 
  value="6"
><input 
  type="hidden" 
  name="sortfalt" 
  value="6"
>

... finns ju inget som säger att du inte kan radbryta *inuti* en tagg samtidigt som du har "whitespace" mellan sista attributet och högervinkeln ;)
Bra sätt att slippa ha allt på exakt en rad om inte annat ;)

Medlem sedan jan. 2005125 inlägg
#9

Du är klurig du ... *ler*.

Din oortodoxa radbrytning visar på vinsten av att ibland tänka lite annorlunda, m a o ur en annan synvinkel. Inte alltid så lätt men brukar bli bra.

Snyggt jobbat!

755 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
132 ms — deklarationer (db)
0 ms — hämta statistik (cache)
399 ms — hämta tråd, inlägg och bilagor (db)
352 ms — ändringar (db)