FORM etiketi içindeki DIV etiketi hakkında ne düşündüğünüzü merak ediyorum.
Bunun gibi bir şeye ihtiyacım var:
<form>
<input type="text"/>
<div> some </div>
<div> another </div>
<input type="text" />
</form>
DIVİçeride kullanmak genel bir uygulama mı FORMyoksa farklı bir şeye ihtiyacım var mı?
Yanıtlar:
Tamamen iyi.
form(Aynı zamanda * sadece giriş tipi kontrolleri sunacak Textarea, Selectvb ...).
A diviçinde endişelenmenize gerek yok form.
Bir <form>etiketin içinde bir DIV kullanılması tamamen kabul edilebilir .
Varsayılan bakarsak CSS 2.1 stil sayfasında , divve pher ikisi de display: blockkategori. Daha sonra, form öğesi için HTML 4.01 spesifikasyonuna bakıldığında, bunlar yalnızca <p>etiketleri değil aynı zamanda etiketleri de içerdiğinden <table>, elbette <div>aynı kriterleri karşılayacaktır. <legend>Dokümantasyondaki formun içinde bir etiket de vardır .
Örneğin, aşağıdakiler katı modda HTML4 doğrulamasını geçer:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<form id="test" action="test.php">
<div>
Test: <input name="blah" value="test" type="text">
</div>
</form>
</body>
</html>
<input> 'un bir <form>' un doğrudan alt öğesi olarak olması yanlış
Ve bu arada <input / > bazı belge türlerinde başarısız olabilir
Http://validator.w3.org/check ile kontrol edin
belge türü burada "INPUT" öğesine izin vermiyor; "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADRES" başlangıç etiketinden biri eksik
<input type = "text" />
Bahsedilen öğenin, onu yerleştirdiğiniz bağlamda görünmesine izin verilmez; diğer bahsedilen öğeler, hem orada izin verilenler hem de bahsedilen öğeyi içerebilirler. Bu, kapsayıcı bir öğeye ihtiyacınız olduğu veya muhtemelen önceki bir öğeyi kapatmayı unuttuğunuz anlamına gelebilir.
Bu mesajın olası nedenlerinden biri, blok düzeyinde bir öğeyi ("<p>" veya "<table>" gibi) bir satır içi öğenin ("<a>", "<span> gibi) içine koymaya çalışmış olmanızdır. "veya" <font> ").
Sorunuz DIV etiketlerine ne koymak istediğinizi ele almıyor, muhtemelen bu nedenle bazı eksik / yanlış yanıtlar aldınız. Gerçek şu ki, Royi'nin dediği gibi, formlarınızın içine DIV etiketleri koyabilirsiniz. Örneğin, bunu etiketler için yapmak istemezsiniz, ancak üç sütun halinde düzenlemek istediğiniz bir grup onay kutusu içeren bir formunuz varsa, o zaman kesinlikle DIV etiketlerini (veya SPAN, HEADER, vb.) Kullanın. .) elde etmeye çalıştığınız görünümü ve hissi gerçekleştirmek için.
Tanım ve Kullanım
Etiketi, bir HTML belgesindeki bir bölümü veya bölümü tanımlar.
Etiketi, blok elemanlarını stillerle formatlamak için gruplamak için kullanılır. http://www.w3schools.com/tags/tag_div.asp
Ayrıca DIV - MDN
HTML öğesi (veya HTML Belge Bölme Öğesi), doğası gereği hiçbir şeyi temsil etmeyen akış içeriği için genel bir kaptır. Öğeleri stil amacıyla gruplamak için (sınıf veya kimlik özniteliklerini kullanarak) veya lang gibi öznitelik değerlerini paylaştıkları için kullanılabilir. Yalnızca başka hiçbir anlamsal öğe (veya gibi) uygun olmadığında kullanılmalıdır.
Div inside form kullanabilirsiniz, eğer table yerine div kullanmaktan bahsediyorsanız Tableless web tasarımı hakkında google
Diğerlerinin dediği gibi, her şey yolunda, gayet iyi yapabilirsiniz. Şahsen benim için div, en dıştaki unsur olan öğelerimle hiyerarşik bir yapı biçimini korumaya çalışıyorum . Sadece table p ulve spaniç formları kullanmaya çalışıyorum . Sadece ben içeride ebeveyn takip / çocuk ilişkileri tutmak için kolay hale getirir my web sayfalarının.
Bir div içindeki form etiketini ne zaman başlatsam, sonraki div kardeşlerin, denetlediğimde (chrome inspect) formun bir parçası olmayacağını ve bundan sonra formumun asla gönderilmeyeceğini fark ettim.
<div>
<form>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
Form etiketini DIV'lerin dışına koyarsam işe yarayacağını düşündüm. Form etiketi, üst DIV'nin başlangıcına yerleştirilmelidir. Aşağıda gösterildiği gibi.
<form>
<div>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
Kesinlikle hayır! Oluşturacak, ancak doğrulanmayacaktır. Bir etiket kullanın.
Doğru değil. Erişilemez. Bunu bazı web sitelerinde görüyorsunuz çünkü bazı geliştiriciler sadece tembel. Geliştiricileri işe alırken, adayların işlerinde kontrol ettiğim ilk şeylerden biri bu. Formlar kötüdür, ancak zaman ayırın ve bunları doğru şekilde yapmayı öğrenin
<div>etiketleri her zaman bir web düzeni oluşturmak için kötüye kullanılır. Sembolik amacı, sayfadaki bir bölümü / bölümü bölmek, böylece ona ayrı bir stil eklenebilir veya uygulanabilir. [w3schools Doc] [W3C]
someve neye anothersahip olduğuna çok bağlı .HTML5, düz düzen etiketlerine sahip olmak yerine daha mantıksal anlam etiketlerine sahiptir. section, header, nav, asideHer şey kendi semantik anlam buna gerek. Ve karşı kullanılır<div>
<select>Seçimler verilmişse, verilmezse <a>veya iyiyse, tanımınızın kullanımı için mükemmel uyuyor <buttons>.