Ben bilgi büyük bir formun esas oluşan bir web uygulaması var. Form kullanıcı için daha okunabilir hale getirmek için, birden fazla sekme ayrılmıştır:
<form>
<div id="tabs">
<ul>
<li><a href="#tab1">Tab1</a></li>
<li><a href="#tab2">Tab2</a></li>
</ul>
<div id="tab1">A big table with a lot of input rows</div>
<div id="tab2">A big table with a lot of input rows</div>
</div>
</form>
The form is dynamically extended (extra rows are added to the tables). Every 10 seconds the form is serialized and synchronized with the server.
Bir kullanıcı bir alana bir ad girdiğinde, bu bilgiler sunucuya gönderilir ve bu isimle ilişkili bir id döndürülür: Ben şimdi sekmelerden birinde etkileşimli bir form eklemek istiyorum. Bu id bazı dinamik olarak eklenen form alanları için bir tanımlayıcı olarak kullanılır.
Böyle bir sayfanın hızlı sketchup bu gibi görünecektir:
<form action="bigform.php">
<div id="tabs">
<ul>
<li><a href="#tab1">Tab1</a></li>
<li><a href="#tab2">Tab2</a></li>
</ul>
<div id="tab1">A big table with a lot of input rows</div>
<div id="tab2">
<div class="associatedinfo">
<p>Information for Joe</p>
<ul>
<li><input name="associated[26][]" /></li>
<li><input name="associated[26][]" /></li>
</ul>
</div>
<div class="associatedinfo">
<p>Information for Jill</p>
<ul>
<li><input name="associated[12][]" /></li>
<li><input name="associated[12][]" /></li>
</ul>
</div>
<div id="newperson">
<form action="newform.php">
<p>Add another person:</p>
<input name="extra" /><input type="submit" value="Add" />
</form>
</div>
</div>
</div>
</form>
Yukarıdaki çalışmaz: iç içe geçmiş formları HTML izin verilmez. Ancak, gerçekten bu sekmesinde formunu görüntülemek gerekir: o sayfanın işlevselliği parçası. Kullanıcı hits form alanına döndüğünüzde, "Ekle" butonuna basıldığında göndermek ve bir eylem kısmi formda tetiklenir gönderin: Ben de ayrı bir form davranışını istiyorum.
Bu sorunu çözmek için en iyi yolu nedir?