Help: HTML/PHP Checkbutton um eine Seite zu vergleichen

Cazzam · 02.06.13, 17:24

Hey Freunde,
ich habe eine dringende Hilfe...
Ich habe ein Projekt, auf das ich jetzt nicht genauer eingehen will, man aber Englisch üben kann.
Man kann dort zwischen verschiedenen Formen von z.B. to do wählen. Am Schluss gibt es einen Check button.

Jetzt mein Problem:
Ich habe alles mit HTML bzw. css geschrieben, und weiß leider nicht wie man es macht, dass dann dieser "Check Button" die Seite vergleicht und zeigt was falsch ist.
Der Sinn davon ist, dass wenn man die Aufgaben gemacht hat, man auf Check drückt, und hinter den Aufgaben z.B. ein Haken ist, wenn diese richtig beantwortet wurde, wenn nicht soll dieses mit einem roten Minus markiert werden und die richtige Lösung angezeigt werden.

Nun meine Frage:
Wie kann man diesen Check Button dazu bringen, dass er die Seite mit vorgebenen Lösungen vergleicht?
Hab jede Menge gegooglet, und kam schon soweit, dass man hierzu PHP benötige. In PHP bin ich allerdings ein absoluter Anfänger, daher bitte ich euch, mir eine kleine Erläuterung zu geben. Habe auch gehört, dass dies mit Javas***** einfacher möglich wäre. Wäre wirklich nett!

Danke im voraus,

Hier ist der Code:

Code:

<!DOCTYPE html>
<html>
    <head>
    	<title>English Learning 2.0</title>
	</head>
	<body style="background-color:#FFFFCC">
		<h1 align="center">To do sentences</h1>
        <h3 align="center">Fill in the gaps with the right form of to do!</h3>
        <h4>
        <p>Example: </p>
        <p>Josh is ______ his homework.</p>
            <p>Josh is <em>doing</em> his homework</p>
        </h4>
        
    <ol >
        <li><input type="Do" name="Do" size="5"> you <input type="Do" name="Do" size="5"> your homework?</li>
        <li><input type="Do" name="Do" size="5"> he like you?</li>
        <li><input type="Do" name="Do" size="5"> you listen to the music?</li>
        <li>He wants to <input type="Do" name="Do" size="5"> something.</li>
        <li>She <input type="Do" name="Do" size="5"> (not) like apples.</li>
        <li>The dogs <input type="Do" name="Do" size="5"> like bones, but they <input type="Do" name="Do" size="5"> (not) like fish.</li>
        <li><input type="Do" name="Do" size="5"> you know what time is it?</li>
    </ol>

    <p style="font-size:12px">If you need help, visit <a href="http://www.englisch-hilfen.de/inhalt_grammar.htm">Englisch-Hilfen.</a>
        <br>
        <br>
        <br>

    </p>
    <h3 align="center">Choose the right form!</h3>
    <ol>
        <li>
            <form action="select.htm">
                <p>
                <span> 
                    <select name="choose" size="1">
                        <option>Do</option>
                        <option>Does</option>
                        <option>Did</option>
                    </select>
                        
                </span> 
                    you know the answer today?
                </p>
                </li>
               <li>
               <p>
                <span> 
                    <select name="choose" size="1">
                        <option>Do</option>
                        <option>Does</option>
                        <option>Did</option>
                    </select>
                     he play soccer yesterday?
                </span> 
                </p>
                    
                </li>        
                
                <li>
                    <p>
                He 
                <span> 
                    <select name="choose" size="1">
                        <option>do</option>
                        <option>does</option>
                        <option>did</option>
                    </select>
                     
                </span>
                a good job yesterday.
                </p>
                </li>
            </form>
            
        
    </ol>
    
    <p style="font-size:12px">If you need help, visit <a href="http://www.englisch-hilfen.de/inhalt_grammar.htm">Englisch-Hilfen.</a>
        
    </p>
    

	    <br>
        <br>
        <br>

		
        <h3 align="center"> Say true or false!</h3>
        
        <table>
        <colgroup width="150" span="3"></colgroup>
        <thead>           
        <tr>
            <th>Statement</th>
            <th>True</th>
            <th>False</th>
            </tr>
                
            </thead>
            
<tbody>

     <tr>
            <td align="center">Tom do his homework.</td>
            
            <td align="center"><input type="radio" name="Radio" value="True"></td>
               
            <td align="center"><input type="radio" name="Radio" value="False"></td>
            
            </tr>
         
         
            <tr>
            <td align="center">Did Nina clean her room?</td>
            
            <td align="center"><input type="radio" name="Radio1" value="True"></td>
            
            <td align="center"><input type="radio" name="Radio1" value="False"></td>
            
            </tr>
         
            
            <tr>                
            <td align="center">They does played very good.</td>
            
                <td align="center"><input type="radio" name="Radio2" value="True"></td>
                
                <td align="center"><input type="radio" name="Radio2" value="False"></td>
                
            </tr>
            
            
            
         <tr>                
         <td align="center">Sam is doing his work.</td>
         
         <td align="center"><input type="radio" name="Radio3" value="True"></td>
         
         <td align="center"><input type="radio" name="Radio3" value="False"></td>
         
            </tr>
            
    
    <tr>
        <td align="center">Does Julia work on Saturdays?</td>
         
        <td align="center"><input type="radio" name="Radio4" value="True"></td>
         
        <td align="center"><input type="radio" name="Radio4" value="False"></td>
        
    </tr>
    
</tbody>

           
            
        </table>
		   <p style="font-size:12px">If you need help, visit <a href="http://www.englisch-hilfen.de/inhalt_grammar.htm">Englisch-Hilfen.</a>
        
    </p>
		<br>
		<br>
		<br>
		<br>
		    <form name="input" action="html_form_action.asp" method="get">
<input type="submit" value="Check">
</form>
<br>
<br>
<br>
	</body>
</html>

Wäre wirklich perfekt, wenn ihr den Code ändern könntet oder sagt, wie dies möglich ist.
Ich hoffe ihr versteht, was ich meine.

Mfg