• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Radio-Button

TryToBuilder

Neues Mitglied
Hallo,

ich habe eine Frage bezüglich <input type="radio"...>
Ich möchte ein Formular so einrichten, dass es zwei Optionen zum anklicken gibt, also 2 Radio-Button.
Es soll so gecodet sein, dass mindestens 1 Radio Button ausgewählt werden muss.
Mit required funktioniert es nach meinen Test-Versuchen nicht.

Kann mir jemand helfen, wie das gecodet werden soll?

Liebe Grüße


HTML:
     <!DOCTYPE html>
      <html>
        <head>
         <title>Praying Mantis - Home</title>
         <link rel="stylesheet" href="/live access/css/layout kontakt.css">
         <link rel="shortcut icon" href="/live access/pictures/favicon.ico" type="image/x-icon" />
        </head>
          <body>
            <div id="bodyplace">
            <center><a href=""><img class="logo" src="/live access/pictures/gg23.gif" </a></center>
            <hr />
            <img class="overmenu" src="/live access/pictures/logomenu.gif">
             <nav>
            <ul>
               <li> <a id="navitext" href="/live access/indexes/Home.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Home"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/kontakt.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Kontakt"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/about.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="&Uuml;ber mich"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/Haltung.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Haltung"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/Zucht.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Zucht"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/species.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Meine Arten"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/help.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Hilfe"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/library.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Galerie"/> </a></li>
               <li> <a id="navitext" href="/live access/indexes/glossar.html"> <input style="height: 30px; width: 130px; font-size: 95%" type="button" value="Glossar"/> </a></li>
               <br />
               <li> <center> <a id="navitext" href="/live access/indexes/melden.html"><input style="height: 30px; width: 30px; font-size: 100%" type="button" value="!"/> </a> </center> </li>
            </ul>
             </nav>
             <h1 style="text-align: center"> Kontakt </h1>
            
             <p style="text-align: center"> Hier hast du die M&ouml;glichkeit Kontakt mit mir aufzunehmen. Bitte beachte: Wenn du einen Fehler melden m&ouml;chtest, benutze bitte dieses Formular. </p>
             <br />
            
             <form style="margin-left: 550px" method="post" action="/live access/PHP/melden.php">
                Name:* <input type="text" name="von" style="margin-left: 22px; width: 215px" required="required" /><br />
                <br />
                E-Mail:* <input type="email" name="mail" style="margin-left: 20px; width: 215px" required="required"/><br />
                <br />
                <input type="radio" name="mistake" value="Homepage-Meldung: Fehler" required="required"/> Fehler
                <input type="radio" name="feedback" value="Homepage-Meldung: Feedback" required="required"/> Feedback
                <br />
                <br />
                Nachricht:* <br />
                <textarea style="width: 300px; height: 200px" name="nachricht" required="required"></textarea><br />
                <input type="checkbox" name="rules" required="required"/> Ich bin mit den Formular-Regeln einverstanden.
                <br />
                <input type="submit" value="Senden" style="margin-left: 235px" />
             </form>

            <hr />
                <p style="font-size: 80%"> Felder mit * gekenzeichnet m&uuml;ssen ausgef&uuml;llt werden. </p>
            </div>
        <footer>
            <p style=" font-size: 70%; text-align: center; margin: 0px"> &copy Jan-Niklas Beier 2014 - <a href="">Impressum</a></p>
        </footer>
       </body>
     </html>
 
Werbung:
Es soll so gecodet sein, dass mindestens 1 Radio Button ausgewählt werden muss.

Abgesehen von der Tatsache, dass Radiobuttons in Formulare gehören, nicht in Hyperlinks eingebettet werden und ihr Wert per Submit übergeben wird, definiere mal, was für dich muss bedeutet.
 
Trojner, ich denke hier geht es um eine "Check-Funktion" ..

@TryToBuilder Im Netz gibt es etliche Tutorials zum Aufbau einer Funktion die dein Formular überprüft bevor es abgeschickt wird, ebenso hilfreiche Tipps zum Aufbau eines Formulars und was da rein gehört und was nicht.
 
Werbung:
Zurück
Oben