/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Validering af XHTML og forms...
Fra : Steffen V Petersen


Dato : 12-09-02 17:52

Hej Gruppe

Jeg har et lille underligt projekt. Jeg er ved at lave en loginskærm i
XHTML, og derfor her jeg to input-elementer (Brugernavn og Adgangskode)
og to knapper (Log ind og Reset i form af <button>-elementer). Disse er
placeret i en <form>-container.

Men når jeg så prøver at validere siden, kommer den og siger, at jeg
ikke kan bruge hhv input og button der...

Nogle forslag?

Siden:
http://steffenvp.subnet.dk/login.html

Valideringen:
http://validator.w3.org/check?uri=http://steffenvp.subnet.dk/login.html&
charset=(detect+automatically)&doctype=Inline

--
Venlig hilsen
Steffen V Petersen
Remove remove.



 
 
Knud Gert Ellentoft (12-09-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 12-09-02 19:04

Thu, 12 Sep 2002 18:51:30 +0200, skrev "Steffen V Petersen"
<svp@swipe.remove.dk>:

>
>Jeg har et lille underligt projekt. Jeg er ved at lave en loginskærm i
>XHTML,

>Men når jeg så prøver at validere siden, kommer den og siger, at jeg
>ikke kan bruge hhv input og button der...

I strict (x)html skal alt være placeret i blockelementer, så
svaret er at smide din form ind i en <div> eller <p>.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Steffen V Petersen (12-09-2002)
Kommentar
Fra : Steffen V Petersen


Dato : 12-09-02 20:18

> I strict (x)html skal alt være placeret i blockelementer, så
> svaret er at smide din form ind i en <div> eller <p>.

<form>-containeren lå inde i en <div>-container, men det var ikke nok.
Det virkede da jeg satte en <p>-container ind i selve form-elementet...

Tak for hjælpen.


--
Venlig hilsen
Steffen V Petersen
Remove remove.



Rune Glerup (12-09-2002)
Kommentar
Fra : Rune Glerup


Dato : 12-09-02 20:21

Steffen V Petersen skrev:

> > I strict (x)html skal alt være placeret i blockelementer, så
> > svaret er at smide din form ind i en <div> eller <p>.
>
> <form>-containeren lå inde i en <div>-container, men det var ikke nok.
> Det virkede da jeg satte en <p>-container ind i selve form-elementet...

<p> er et afsnit. Det er nok det smarteste hvis du sætter en
<div>–container ind i <form>–elementet og bruger <p> til afsnit heri:

<form action="/cgi-bin/sendmail.cgi">
<div>
<p>Navn:<br /><input type="text" id="navn" /></p>
<p><input type="submit" value="send" /></p>
</div>
</form>

--
/Rune
w|http://kaboom.dk/
Har du ikke adgang til SSI? Prøv
<http://kaboom.dk/works/wwwhitepapers/preuploadincluding/>

Steffen V Petersen (12-09-2002)
Kommentar
Fra : Steffen V Petersen


Dato : 12-09-02 20:42

> <p> er et afsnit. Det er nok det smarteste hvis du sætter en
> <div>-container ind i <form>-elementet og bruger <p> til afsnit heri:
>
> <form action="/cgi-bin/sendmail.cgi">
> <div>
> <p>Navn:<br /><input type="text" id="navn" /></p>
> <p><input type="submit" value="send" /></p>
> </div>
> </form>

Siden jeg kun har et afsnit, mener jeg ikke det kan betale sig at ligge
en div i en form for at ligge en p i den.

Min færdige kode er:

<div id="RightMenu">
<h3 class="rightmenu">Login</h3>
<form action="authentication.php" method="post" id="userlogin">
<p class="nomargin">
<input type="text" maxlength="16" name="username" />
<input type="password" maxlength="16" name="password" />
<button name="submitbutton" type="submit">Log Ind</button>
<button name="resetbutton" type="reset">Nulstil</button>
</p>
</form>
</div>

--
Venlig hilsen
Steffen V Petersen
Remove remove.



Andreas Haugstrup Pe~ (12-09-2002)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 12-09-02 22:05

"Steffen V Petersen" <svp@swipe.remove.dk> wrote in news:alqqle$kd1$1
@sunsite.dk:

> Siden jeg kun har et afsnit, mener jeg ikke det kan betale sig at ligge
> en div i en form for at ligge en p i den.

Som Rune siger så er <p> til afsnit. Hvad han ikke siger er at <p> er til
tekstafsnit

> Min færdige kode er:

Din kode "bør" se sådan ud:

<div id="RightMenu">
<h3 class="rightmenu">Login</h3>
<form action="authentication.php" method="post" id="userlogin">
<div class="nomargin">
<input type="text" maxlength="16" name="username" />
<input type="password" maxlength="16" name="password" />
<button name="submitbutton" type="submit">Log Ind</button>
<button name="resetbutton" type="reset">Nulstil</button>
</div>
</form>
</div>

--
Andreas
http://www.solitude.dk

Steffen V Petersen (12-09-2002)
Kommentar
Fra : Steffen V Petersen


Dato : 12-09-02 22:43

> Din kode "bør" se sådan ud:
>
> <div id="RightMenu">
> <h3 class="rightmenu">Login</h3>
> <form action="authentication.php" method="post" id="userlogin">
> <div class="nomargin">
> <input type="text" maxlength="16" name="username" />
> <input type="password" maxlength="16" name="password" />
> <button name="submitbutton" type="submit">Log Ind</button>
> <button name="resetbutton" type="reset">Nulstil</button>
> </div>
> </form>
> </div>

Som Knud rigtigt nok siger, er det ligegyldigt, om jeg bruger <p> eller
<div> - det giver det samme resultat i NN6, Opera 5 & 6, IE 6 og Mozilla
1.0.

Men tak for hjælpen. Nu både virker og validerer det.


--
Venlig hilsen
Steffen V Petersen
Remove remove.



Andreas Haugstrup Pe~ (13-09-2002)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 13-09-02 08:06

"Steffen V Petersen" <svp@swipe.remove.dk> wrote in news:alr1nc$bl0$1
@sunsite.dk:

> Som Knud rigtigt nok siger, er det ligegyldigt, om jeg bruger <p> eller
> <div> - det giver det samme resultat i NN6, Opera 5 & 6, IE 6 og Mozilla
> 1.0.

Det jeg prøver at forklare er at det ikke er ligegyldigt. Selvom resultatet
er ens i browseren er der stadig forskel på et <p> og et <div>. <p> er til
*tekst* <div> er et bonus block-tag til layers. Det er en semantisk forskel,
ikke en visuel forskel.

--
Andreas
http://www.solitude.dk

Steffen V Petersen (13-09-2002)
Kommentar
Fra : Steffen V Petersen


Dato : 13-09-02 13:02

> Det jeg prøver at forklare er at det ikke er ligegyldigt. Selvom
resultatet
> er ens i browseren er der stadig forskel på et <p> og et <div>. <p> er
til
> *tekst* <div> er et bonus block-tag til layers. Det er en semantisk
forskel,
> ikke en visuel forskel.

Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
bekymre mig om brugen af <p> og <div> som containere, når den helt fint
valideres?


--
Venlig hilsen
Steffen V Petersen
Remove remove.



Andreas Haugstrup Pe~ (13-09-2002)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 13-09-02 16:14

"Steffen V Petersen" <svp@swipe.remove.dk> wrote in news:alsk2q$cjh$1
@sunsite.dk:

> Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
> bekymre mig om brugen af <p> og <div> som containere, når den helt fint
> valideres?

Resultatet er jo netop ikke ens. Det visuelle resultat er det samme, men
semantisk er der en verden til forskel. Brug <p> til tekstafsnit og <div>
til alt andet.

--
Andreas
http://www.solitude.dk

Niels Andersen (13-09-2002)
Kommentar
Fra : Niels Andersen


Dato : 13-09-02 21:22

Steffen V Petersen wrote in <alsk2q$cjh$1@sunsite.dk>:
> Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
> bekymre mig om brugen af <p> og <div> som containere, når den helt fint
> valideres?

De er ikke ens, de ser bare ens ud i dette tilfælle, på din skærm.

Mange ting kan ændre sig. Måske fungerer min browser anderledes end din.
Måske ændrer du dit layout på en måde, så der er tydelig forskel på <p> og
<div>. Det kan være så meget.

Så altså: Der findes både <p> og <div>. Brug den rigtige, der *er* altså
forskel, selv om du ikke kan se den.

--
Mvh.

Niels Andersen
(la nels. anersyn.)

Jørn Andersen (14-09-2002)
Kommentar
Fra : Jørn Andersen


Dato : 14-09-02 07:42

On Fri, 13 Sep 2002 14:02:05 +0200, "Steffen V Petersen"
<svp@swipe.remove.dk> wrote:

>> Det jeg prøver at forklare er at det ikke er ligegyldigt. Selvom
>resultatet
>> er ens i browseren er der stadig forskel på et <p> og et <div>. <p> er
>til
>> *tekst* <div> er et bonus block-tag til layers. Det er en semantisk
>forskel,
>> ikke en visuel forskel.
>
>Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
>bekymre mig om brugen af <p> og <div> som containere, når den helt fint
>valideres?

Et eksempel er hvis siden bruges af syns-handicappede.
Hvis du fx skriver:
<div style="font-size:18pt;">Overskrift1</div>
<div style="font-size:10pt;">En masse brødtekst.</div>
<div style="font-size:14pt;">Overskrift2</div>
<div style="font-size:10pt;">Endnu mere brødtekst.</div>

- det vil validere fint, men vil være fuldstændigt umuligt for en
talemaskine at læse op.

Derimod vil:
<h1 style="font-size:18pt;">Overskrift1</h1>
<p style="font-size:10pt;">En masse brødtekst.</p>
<h2 style="font-size:14pt;">Overskrift2</h2>
<p style="font-size:10pt;">Endnu mere brødtekst.</p>

- være let at læse op, fordi der klart skelnes mellem hvad der er
overskrifter og hvad der er brødtekst.

Man kan sagtens få sider til at validere og se "fornuftige" ud, selv
hvis man kun brugte ét HTML-tag - fx <span> - sammen med CSS, men det
er faktisk ikke i overensstemmelse med W3C's rekommandationer.

CSS er så stærkt et værktøj, så længe man kun tænker på det visuelle
aspekt, at *alt* kan gives nye egenskaber, men som bl.a. ovenstående
eksempel viser, så kan det kun frarådes.

Hold fast i grundideen i forholdet mellem HTML og CSS:
HTML markerer sidens struktur (fx hvad der er overskrifter,
mellemrubrikker og brødtekst), mens CSS bruges til layout (fx
størrelser, farver, form) - så kan alle være med.

--
Jørn Andersen,
Brønshøj

Knud Gert Ellentoft (12-09-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 12-09-02 21:01

Thu, 12 Sep 2002 21:18:14 +0200, skrev "Steffen V Petersen"
<svp@swipe.remove.dk>:

><form>-containeren lå inde i en <div>-container,

Korrekt, men der var noget andet indhold i den <div>, et andet
blockelement <h3> og du kan sagtens have en <div> i en <div>.

Om du brugte <div> eller <p> gør ingen forskel.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408877
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste