2011-07-15 15 views
8

तालिका पंक्तियों में कोई फॉर्म जोड़ने के लिए एक वैध तरीका (यदि कोई है) कौन सा है?तालिका पंक्तियों में फॉर्म जोड़ें

मैं निम्नलिखित स्थिति है:

<table> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
</table> 

मैं एक ऐसा फ़ॉर्म तत्व कैसे जोड़ सकते हैं और अभी भी मान्य HTML है?

<table> 
    <form> 
    <tr> 
     <td><input type="text" name="q"></td> 
     <td><input type="text" name="a"></td> 
     <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    </form> 
</table> 

अमान्य है (कम से कम मुझे लगता है कि यह है)

उत्तर

4

प्रपत्र तत्व के अंदर अपनी मेज लपेटें:

<form action="/" name="form1"> 
    <table>...</table> 
</form> 

लेकिन फिर भी बेहतर: टेबल के बिना अपने फ़ॉर्म बनाएं यदि संभव हो तो।

+5

मैं टैब्यूलर डेटा के लिए टेबल का उपयोग क्यों नहीं करना चाहूंगा? – PeeHaa

+0

अपने विशेष उदाहरण में एक फॉर्म के अंदर एक टेबल लपेटना ठीक है। दूसरी ओर आप जानकारी खो सकते हैं या आपके उपयोगकर्ता भ्रमित हो सकते हैं, क्योंकि यदि वे एक समय में एक से अधिक पंक्तियों में प्रवेश कर रहे हैं, तो यह डेटा खो जाएगा! –

+3

मैंने आपको अपनी समस्या दिखाने के लिए एक डेमो पृष्ठ सेट किया है: http://tableinsideform.heroku.com/ –

0

टेबल्स और रूपों HTML में अलग अवधारणाओं रहे हैं। लोग कभी-कभी उन्हें एक दूसरे के साथ भ्रमित करते हैं। वैचारिक भ्रम अक्सर भ्रमित मार्कअप के साथ होता है। दूसरी तरफ, तालिकाओं और रूपों को एक अर्थ में "मिश्रित" किया जा सकता है। विशेष रूप से, आप एक टेबल के अंदर या इसके विपरीत एक टेबल डाल सकते हैं, और ऐसा करने में अक्सर उपयोगी होता है। लेकिन आपको यह समझने की जरूरत है कि आप क्या कर रहे हैं।

टेबल्स और रूपों को किसी भी तरह से घोंसला जा सकता है। लेकिन यदि आप टेबल में फॉर्म डालते हैं, तो प्रत्येक फॉर्म को पूरी तरह से एक टेबल सेल (अभ्यास में एक टीडी तत्व) में शामिल किया जाना चाहिए। इस प्रकार फॉर्म प्रत्येक पूरी तरह से स्वतंत्र हैं।

AFAIK फॉर्म को प्रारूपित करने के लिए टेबल का उपयोग करने के लिए मान्य है।

+0

क्षमा करें प्रश्न का प्रारूप खराब हो गया। प्रश्न में तालिका के साथ मेरे विकल्प क्या हैं? – PeeHaa

+0

सबसे पहले कि HTML मान्य नहीं है क्योंकि आपने टैग बंद नहीं किए हैं। यह इस तरह होना चाहिए: <इनपुट प्रकार = "पाठ" नाम = "क्यू" /> क्या आप पूछ रहे हैं कि

टैग कहां रखना है या क्या आपके पास एकल तालिका के अंदर बहुमूल्य तत्व हो सकते हैं? आपको तालिका के बाहर टैग डालना चाहिए। –

+0

@ इगोर - यह एक्सएचटीएमएल नहीं है। स्लैश की आवश्यकता नहीं है (और एचटीएमएल 4 में सिर्फ सादा गलत है) – Quentin

-1
<form action="/" name="form1"> 
<table> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
</table> 

    </form> 

या

<table> 
    <tr> 
     <td colspan="2"> <form action="/" name="form1"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
<tr><td colspan="2"> </form></td></tr> 

...... 

</table> 
+0

हुह? और अनुरोध में क्या q और क्या होगा ??? – PeeHaa

+0

क्या आपको प्रत्येक पंक्ति के लिए एक नया <इनपुट प्रकार = "सबमिट" नाम = "सबमिट करें" मूल्य = "सबमिट करें"> की आवश्यकता है? – AlexC

+0

यूप मुझे यही चाहिए – PeeHaa

संबंधित मुद्दे