Saya hanya ingin tahu apa yang Anda pikirkan tentang DIV-tag di dalam FORM-tag?
Saya butuh sesuatu seperti ini:
<form>
<input type="text"/>
<div> some </div>
<div> another </div>
<input type="text" />
</form>
Apakah ini praktik umum untuk digunakan DIVdi dalam FORMatau saya memerlukan sesuatu yang berbeda?
Jawaban:
Tidak apa-apa.
The formakan mengirimkan satunya jenis masukan kontrol-nya (* juga Textarea, Select, dll ...).
Anda tidak perlu khawatir tentang a divdalam form.
Benar-benar dapat diterima untuk menggunakan DIV di dalam <form>tag.
Jika Anda melihat stylesheet CSS 2.1 default , divdan pkeduanya berada dalam display: blockkategori. Kemudian melihat spesifikasi HTML 4.01 untuk elemen formulir, mereka tidak hanya menyertakan <p>tag, tetapi juga <table>tag, jadi tentu saja <div>akan memenuhi kriteria yang sama. Ada juga <legend>tag di dalam formulir di dokumentasi.
Misalnya, berikut ini melewati validasi HTML4 dalam mode ketat:
<!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>
Salah jika memiliki <input> sebagai turunan langsung dari <form>
Dan omong-omong <input / > mungkin gagal pada beberapa doctype
Periksa dengan http://validator.w3.org/check
jenis dokumen tidak mengizinkan elemen "INPUT" di sini; kehilangan salah satu tag awal "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS"
<input type = "text" />
Elemen yang disebutkan tidak diizinkan untuk muncul dalam konteks tempat Anda meletakkannya; elemen lain yang disebutkan adalah satu-satunya yang diizinkan di sana dan dapat berisi elemen yang disebutkan. Ini mungkin berarti bahwa Anda membutuhkan elemen penampung, atau mungkin Anda lupa menutup elemen sebelumnya.
Satu kemungkinan penyebab untuk pesan ini adalah Anda mencoba untuk meletakkan elemen level blok (seperti "<p>" atau "<table>") di dalam elemen inline (seperti "<a>", "<span> ", atau" <font> ").
Pertanyaan Anda tidak membahas apa yang ingin Anda masukkan ke dalam tag DIV, yang mungkin menjadi alasan mengapa Anda menerima beberapa jawaban yang tidak lengkap / salah. Yang benar adalah bahwa Anda dapat, seperti yang dikatakan Royi, meletakkan tag DIV di dalam formulir Anda. Anda tidak ingin melakukan ini untuk label, misalnya, tetapi jika Anda memiliki formulir dengan sekumpulan kotak centang yang ingin Anda susun menjadi tiga kolom, gunakan tag DIV (atau SPAN, HEADER, dll. .) untuk mencapai tampilan dan nuansa yang ingin Anda capai.
Definisi dan Penggunaan
Tag mendefinisikan divisi atau bagian dalam dokumen HTML.
Tag digunakan untuk mengelompokkan elemen blok untuk memformatnya dengan gaya. http://www.w3schools.com/tags/tag_div.asp
Juga DIV - MDN
Elemen HTML (atau Elemen Divisi Dokumen HTML) adalah wadah umum untuk konten aliran, yang secara inheren tidak mewakili apa pun. Ini dapat digunakan untuk mengelompokkan elemen untuk tujuan gaya (menggunakan atribut class atau id), atau karena mereka berbagi nilai atribut, seperti lang. Ini harus digunakan hanya jika tidak ada elemen semantik lain (seperti atau) yang sesuai.
Anda dapat menggunakan div inside form, jika Anda berbicara tentang menggunakan div daripada tabel, maka google tentang desain web Tableless
Seperti yang dikatakan orang lain, semuanya baik-baik saja, Anda bisa melakukannya dengan baik. Bagi saya pribadi, saya mencoba mempertahankan bentuk struktur hierarki dengan elemen saya dengan divmenjadi elemen induk terluar. Saya mencoba menggunakan hanya table p uldan spandi dalam formulir. Hanya mempermudah saya untuk melacak hubungan orang tua / anak di dalam halaman web saya .
Saya perhatikan bahwa setiap kali saya memulai tag formulir di dalam div, saudara div berikutnya tidak akan menjadi bagian dari formulir saat saya memeriksa (chrome inspect) untuk selanjutnya, formulir saya tidak akan pernah dikirim.
<div>
<form>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
Saya pikir jika saya meletakkan tag formulir di luar DIV, itu akan berhasil. Tag formulir harus ditempatkan di awal DIV induk. Seperti yang ditunjukkan di bawah ini.
<form>
<div>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
Benar-benar tidak! Ini akan merender, tetapi tidak akan memvalidasi. Gunakan label.
Itu tidak benar. Itu tidak dapat diakses. Anda melihatnya di beberapa situs web karena beberapa pengembang hanya malas. Saat saya merekrut pengembang, ini adalah salah satu hal pertama yang saya periksa dalam pekerjaan kandidat. Bentuknya buruk, tapi luangkan waktu dan pelajari cara melakukannya dengan benar
<div>tag selalu disalahgunakan untuk membuat tata letak web. Tujuan simbolisnya adalah untuk membagi bagian / bagian di halaman sehingga gaya terpisah dapat ditambahkan atau diterapkan padanya. [Dokumen w3sekolah] [W3C]
somedananother miliki.HTML5, memiliki lebih banyak tag makna logis, daripada memiliki tag tata letak biasa. The section, header, nav, asidesemuanya memiliki makna semantik mereka sendiri untuk itu. Dan digunakan untuk melawan<div>
<select>cocok sempurna jika pilihan yang diberikan, jika tidak <a>atau <buttons>baik.