2011-02-28 21 views
11

"Etiket öğesinin niteliği, form denetimi için başvuruda bulunmalıdır."html5 doğrulama formu etiketi

Dürüst olmak gerekirse, biçimlendirmeyle ilgili sorunun ne olduğunu anlamıyorum. W3'ün sitesine baktım ve bunu alamıyorum.

Yardım?

HTML:

<form action="process.php" method="post"> 
    <div> 
     <label for="name">Name</label><br /> 
     <input type="text" value="" name="name" /> 
    </div> 
    <div> 
     <label for="email">E-mail</label><br /> 
     <input type="text" value="" name="email" /> 
    </div> 
    <div> 
     <label for="message">Message</label><br /> 
     <textarea name="message" cols="30" rows="4"></textarea> 
    </div> 
    <div> 
     <input type="checkbox" value="yes" name="newsletter" /> 
     <label for="newsletter">Subscribe to newsletter</label> 
    </div> 
    <div> 
     <input type="submit" value="Submit" name="subscribe" /> 
    </div> 
</form> 
+0

Sadece merak ettiniz: Bir problemin olduğunu nasıl anladınız? Formunuz doğrulanmadı mı? –

+0

Evet efendim! Sayfalarımı her zaman doğrularım ve hackler ve garip şeyler işaretlenerek iyiyim. – technopeasant

cevap

18

Sen id niteliğini kaçırıyorsun.

Yani, örneğin, bunu düzeltmek için: bu kadar

<input type="text" value="" name="email" id="email" /> 

. Linky.

+0

, 4 hatadan 13'e gitti. Bazı öğeleri, bunları tek tek belirlemek için çıkardı. İşte sadece "isim" girdisinin geçerliliği. http://cl.ly/2L0Q15020N0723180h1V – technopeasant

+1

'id' özniteliklerini' label' değil 'input' üstüne koymanız gerekir. Doğrulayıcı aracılığıyla bağlandığım örnek sayfaya bakın: http://jsbin.com/alake4/edit Ayrıca, "value" özniteliğine (veya 'type =" text "') sahip olmak istemezsiniz. 'label' etiketi. – thirtydot

+0

ah! anlıyorum. hepsi yanlış çıktı. yardım için teşekkürler! – technopeasant

8

Thirtydot doğrudur; formunda hoş bir kimlik var. Hepsini ekledim. Bunu kontrol edin:

<form action="process.php" method="post"> 
    <div> 
     <label for="name">Name</label><br /> 
     <input type="text" id="name" value="" name="name" /> 
    </div> 
    <div> 
     <label for="email">E-mail</label><br /> 
     <input type="text" id="email" value="" name="email" /> 
    </div> 
    <div> 
     <label for="message">Message</label><br /> 
     <textarea name="message" id="message" cols="30" rows="4"></textarea> 
    </div> 
    <div> 
     <input type="checkbox" id="newsletter" value="yes" name="newsletter" /> 
     <label for="newsletter">Subscribe to newsletter</label> 
    </div> 
    <div> 
     <input type="submit" value="Submit" name="subscribe" /> 
    </div> 
</form> 
İlgili konular