Ankündigung

Einklappen
Keine Ankündigung bisher.

Valides HTML - nur über Umwege möglich?

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Valides HTML - nur über Umwege möglich?

    Hallo,
    ich habe eine Tabelle mit Eingabefeldern, bekomme diese jedoch nicht valide, da jede Zeile in einem eigenen Formular stehen soll und formulare nicht "zwischen" <table> und <td> stehen dürfen.
    Den einzigen Ausweg, den ich wüsste wäre für jede Zeile wieder zu einer eigenen Tabelle zu erstellen. Das wäre jedoch schlecht, da die dann eine feste Breite haben müssten um gerade untereinander zu stehen und es so auch deutlich umfangreicher sein würde.

    Der code vereinfacht, soweit ich ihn habe:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    	<title>Test</title>
    </head>
    <body>
    <table>
    	<tr>
    		<th>Feld</th>
    		<th>Wert</th>
    		<th>Eingabe</th>
    	</tr>
    
    	<tr>
    		<td>A</td>
    		<td>1</td>
    		<form method="post" action="#">
    			<td><input name="eingabeA" /></td>
    			<td><input type="submit" /></td>
    		</form>
    	</tr>
    
    	<tr>
    		<td>B</td>
    		<td>20</td>
    		<form method="post" action="#">
    			<td><input name="eingabeB" /></td>
    			<td><input type="submit" /></td>
    		</form>
    	</tr>
    
    </table>
    </body>
    </html>
    Water Wars - Jetzt anmelden: http://waterwars.de

  • #2
    Nunja, mach eine Lösung ohne Tabellen!

    Kommentar


    • #3
      Das soll schon als Tabelle dargestellt werden, da es so ins Design der Seite passt.

      Es funktioniert ja so auch, nur ist es eben leider nicht valide (was mich etwas stört, da die seite sonst komplett valide ist).
      Water Wars - Jetzt anmelden: http://waterwars.de

      Kommentar


      • #4
        Code:
        <input name="eingabeA" />
        Was ist das da eigentlich? type="text" oder was? Da fehlt doch was...

        Kommentar


        • #5
          Zitat von Michigras
          Code:
          <input name="eingabeA" />
          Was ist das da eigentlich? type="text" oder was? Da fehlt doch was...
          Das Attribut type ist optional. Der Standardwert ist hier text.

          Kommentar


          • #6
            Mache die Forms innerhalb einer Zelle
            Code:
               <tr>
                  <td>A</td>
                  <td>1</td>
                  <td><form method="post" action="#">
                     <input name="eingabeA" />
                     <input type="submit" />
                  </form></td>
               </tr>

            Kommentar


            • #7
              Müsste Valide sein:

              Code:
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
               "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
              
              <head> 
                 <title>Test</title> 
              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
              </head> 
              <body> 
              
              <table> 
                 <tr> 
                    <th>Feld</th> 
                    <th>Wert</th> 
                    <th>Eingabe</th> 
                 </tr> 
              
                 <tr> 
                    <td>A</td> 
                    <td>1</td> 
                    <td>
                    <form method="post" action="#">
                    
              
               <input type="text" name="eingabeA" /> </p> 
                    
              
               <input type="submit" /> </p>
                    </form>
                    </td> 
                 </tr> 
              
                 <tr> 
                    <td>B</td> 
                    <td>20</td> 
                    <td>
                    <form method="post" action="#">
                    
              
               <input type="text" name="eingabeB" /> </p> 
                    
              
               <input type="submit" /> </p>
                    </form>
                    </td> 
                 </tr> 
              
              </table> 
              
              </body> 
              </html>
              Teste kann man hier:
              http://validator.w3.org/

              Kommentar

              Lädt...
              X