WN - Städar upp min kod

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Städar upp min kod (https://www.wn.se/forum/showthread.php?t=16485)

Du har glöt ett fnutt-tecken efter alt="Email. Rad 13.

Samma här, byt ut enkelavslut: /> mot >.

Alla input element bör också placeras i ett div, ins, del, p eller annat block-element. Jag föredrar ins, även om det egentligen tänkt att användas för ett tillägg av författaren, inte användaren, så har jag skapat min egen lilla semantiska mening med att wrappa insert-element runt inputs. Nu är jag lite småskadad också, en enkel div räcker.

Exempel:

Kod:

<div><input class="input" maxlength="35" name="name" type="text"></div>

Om man är käck kan man också skippa tabellern och använda dessa DIV-element (med lite extra mark-up) för att formatera formuläret. Det blir faktiskt lite extra kod med applicerade klasser, men ger större flexibilitet.

En td är felstängd:

Kod:

<td/>

Och attributet cols behövs för textarean.

Sen bör du väl vara klar.

Lite bättre. 5 errors har jag nu

koden

Kod:

<form action="sign.php" method="post">

<table class="gbok_table">

<tr>

<td>

<img class="noborder" src="images/name.gif" alt="Name" />

</td>

<td>

<div>

<input class="input" maxlength="35" name="name" type="text">

</div>

</td>

</tr>

<tr>

<td>

<img class="noborder" src="images/email.gif" alt="Email" />

</td>

<td>

<div>

<input class="input" maxlength="125" name="email" type="text">

</div>

</td>

</tr>

<tr>

<td>

<img class="noborder" src="images/url.gif" alt="URL" />

</td>

<td>

<div>

<input class="input" maxlength="125" name="uri" type="text" value="http://">

</div>

</td>

</tr>

<tr>

<td>

<img class="noborder" src="images/message.gif" alt="Message" />

</td>

<td>

<textarea class="textarea" name="message" cols="50"></textarea>

</td>

</tr>

</table>

<div>

<input type="image" src="http://www.johnny.nu/blog/images/sign_gb.gif" alt="Sign GB" value="Sign Guestbook">

</div>

</form>

Errors

Kod:

Below are the results of checking this document for XML well-formedness and validity. 

Error Line 43, column 60: end tag for "input" omitted, but OMITTAG NO was specified . 

<input class="input" maxlength="35" name="name" type="text">



You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 



✉ 

Info Line 43, column 0: start tag was here . 

<input class="input" maxlength="35" name="name" type="text">

Error Line 53, column 63: end tag for "input" omitted, but OMITTAG NO was specified . 

...ass="input" maxlength="125" name="email" type="text">



✉ 

Info Line 53, column 0: start tag was here . 

<input class="input" maxlength="125" name="email" type="text">

Error Line 63, column 76: end tag for "input" omitted, but OMITTAG NO was specified . 

..." name="uri" type="text" value="http://">



✉ 

Info Line 63, column 0: start tag was here . 

<input class="input" maxlength="125" name="uri" type="text" value="http://">

Error Line 72, column 51: required attribute "rows" not specified . 

<textarea class="textarea" name="message" cols="50"></textarea>



The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. 



Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 



✉ 

Error Line 77, column 108: end tag for "input" omitted, but OMITTAG NO was specified . 

...alt="Sign GB" value="Sign Guestbook">



✉ 

Info Line 77, column 0: start tag was here . 

<input type="image" src="http://www.johnny.nu/blog/images/sign_gb.gif" alt="Sign

Passade på att läsa den här biten:

Kod:

Below are the results of checking this document for XML well-formedness and validity.

Nu kontrollerar du ju mot XML eller kanske XHTML? Inte HTML alltså. Och då skall enkelavsluten tillbaka in. Eller så kanske du menade att kontrollera mot HTML 4.01, och då skall dem ut helt och hållet.

Kod:

Info Line 63, column 0: start tag was here . 

<input class="input" maxlength="125" name="uri" type="text" value="http://">

Error Line 72, column 51: required attribute "rows" not specified . 

<textarea class="textarea" name="message" cols="50"></textarea>

Talar ju för sig själv, du har glömt attributet rows också.

Ok. Slängde dit rows på alla input och då hade jag 1 error på att jag hade row på en input. Tog bort den och då klagade den på en annan.

Höll på så tills alla rows var borta sen validerade den.

Ska börja validera de andra sidorna nu. Lär dyka upp fler fel då.
Hör av mig igen om jag inte grejjar det :)

Citat:

Originally posted by cezar@Sep 28 2006, 13:45
Ok. Slängde dit rows på alla input och då hade jag 1 error på att jag hade row på en input. Tog bort den och då klagade den på en annan.

Höll på så tills alla rows var borta sen validerade den.

Ska börja validera de andra sidorna nu. Lär dyka upp fler fel då.
Hör av mig igen om jag inte grejjar det :)

Du hade glömt rows för textaera, inte input. Inputs använder inte rows. Allt finns i specifikationen: http://www.w3.org/TR/REC-html40/inte...#edef-TEXTAREA

Citat:

Ursprungligen postat av Kaffe

Citat:

Ursprungligen postat av cezar

Du hade glömt rows för textaera, inte input. Inputs använder inte rows. Allt finns i specifikationen: http://www.w3.org/TR/REC-html40/interact/f...l#edef-TEXTAREA

Tack.
Får jag terra dig lite mer ? :rolleyes:

Är inte så hajj på javascripts men någon annan kanske ser direkt vad som är felet...

Får 7st likadana fel i valideringen. Använder ett script för att visa hur många länkklick jag har fått.

Citat:

Error Line 57, column 129: required attribute "type" not specified .
...ccount"><script language="Javascript">ccount_display('10')</script></span> }

Koden

Kod:

<a href="http://www.johnny.nu/blog/ccount/click.php?id=6">

Länk

</a> 

{ 

<span class="ccount">

<script language="Javascript">ccount_display('6')

</script>

</span> 

} 

- <span class="header">Info.</span>

Eller ahh, det löste sig. Böt ut language mot type="text/javascript"

Någon som kanske vet hur man löser detta ?

Kod:

Error Line 83, column 11: there is no attribute "name" . 

<form name="contactform" action="/blog/about.php" method="post">

Vad ska det vara istället för name då?

Ett tips är att kolla på w3schools.com, där har de en enkel och bra HTML/XHTML-referens.

Sen verkar det som du angett doctype XHTML 1.0 Strict. Om du vill fortsätta med det så ska du inte ha name, utan id.

Citat:

Originally posted by f_b@Sep 29 2006, 14:19
Ett tips är att kolla på w3schools.com, där har de en enkel och bra HTML/XHTML-referens.

Sen verkar det som du angett doctype XHTML 1.0 Strict. Om du vill fortsätta med det så ska du inte ha name, utan id.

Tack så mycket.
Den validerar nu men förstår inte varför denna lilla snutt visas som text på sidan:

?>

Det är slutet av mitt php script.
Tar jag bort det i koden fungerar inte scriptet men sätter jag dit det så fungerar allt men den visas som text på sidan <_<

Ser ni något big misstake med denna kodsnutt?
Får i allafall en massa errors.

Citat:

<input type="image" src="http://www.johnny.nu/blog/images/comment.gif" name="submit" />
<input type=checkbox name=CNremember id=CNremember value=1><label for=CNremember> Remember Me</label> |
Forget Me