<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Luister onderzoek</legend> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="kunt radiobazaar">U kent RadioBazaar</label> <div class="col-md-4"> <div class="checkbox"> <label for="kunt radiobazaar-0"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-0" value="Nog maar kort"> Nog maar kort </label> </div> <div class="checkbox"> <label for="kunt radiobazaar-1"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-1" value="1 Week"> 1 Week </label> </div> <div class="checkbox"> <label for="kunt radiobazaar-2"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-2" value="1 Maand"> 1 Maand </label> </div> <div class="checkbox"> <label for="kunt radiobazaar-3"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-3" value="6 Maanden"> 6 Maanden </label> </div> <div class="checkbox"> <label for="kunt radiobazaar-4"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-4" value="1 Jaar"> 1 Jaar </label> </div> <div class="checkbox"> <label for="kunt radiobazaar-5"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-5" value="2 Jaar"> 2 Jaar </label> </div> <div class="checkbox"> <label for="kunt radiobazaar-6"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-6" value="5 Jaren"> 5 Jaren </label> </div> <div class="checkbox"> <label for="kunt radiobazaar-7"> <input type="checkbox" name="kunt radiobazaar" id="kunt radiobazaar-7" value="Langer dan 5 jaar"> Langer dan 5 jaar </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="luisterd">U luisterd naar radiobazaar</label> <div class="col-md-4"> <div class="checkbox"> <label for="luisterd-0"> <input type="checkbox" name="luisterd" id="luisterd-0" value="Nooit"> Nooit </label> </div> <div class="checkbox"> <label for="luisterd-1"> <input type="checkbox" name="luisterd" id="luisterd-1" value="Minder dan 1 uur per maand"> Minder dan 1 uur per maand </label> </div> <div class="checkbox"> <label for="luisterd-2"> <input type="checkbox" name="luisterd" id="luisterd-2" value="1 uur per maand"> 1 uur per maand </label> </div> <div class="checkbox"> <label for="luisterd-3"> <input type="checkbox" name="luisterd" id="luisterd-3" value="1 uur per week"> 1 uur per week </label> </div> <div class="checkbox"> <label for="luisterd-4"> <input type="checkbox" name="luisterd" id="luisterd-4" value="4 uur per week"> 4 uur per week </label> </div> <div class="checkbox"> <label for="luisterd-5"> <input type="checkbox" name="luisterd" id="luisterd-5" value="8 uur per week"> 8 uur per week </label> </div> <div class="checkbox"> <label for="luisterd-6"> <input type="checkbox" name="luisterd" id="luisterd-6" value="24 uur per week"> 24 uur per week </label> </div> <div class="checkbox"> <label for="luisterd-7"> <input type="checkbox" name="luisterd" id="luisterd-7" value="Meer dan 24 uur per week"> Meer dan 24 uur per week </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="Programma">Als u luistert naar een gepresenteerd programma, doet u dat omdat u:</label> <div class="col-md-4"> <div class="checkbox"> <label for="Programma-0"> <input type="checkbox" name="Programma" id="Programma-0" value="dit programma altijd beluistert."> dit programma altijd beluistert. </label> </div> <div class="checkbox"> <label for="Programma-1"> <input type="checkbox" name="Programma" id="Programma-1" value="benieuwd bent naar het programma."> benieuwd bent naar het programma. </label> </div> <div class="checkbox"> <label for="Programma-2"> <input type="checkbox" name="Programma" id="Programma-2" value="dit programma soms beluistert."> dit programma soms beluistert. </label> </div> <div class="checkbox"> <label for="Programma-3"> <input type="checkbox" name="Programma" id="Programma-3" value="de radio soms gewoon aan heeft staan."> de radio soms gewoon aan heeft staan. </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cijfer 0-10">Als u vaak naar hetzelfde programma luistert, wat voor cijfer zou u dat geven?</label> <div class="col-md-5"> <input id="cijfer 0-10" name="cijfer 0-10" type="text" placeholder="0 (slecht) en 10(heel goed)" class="form-control input-md"> <span class="help-block">Welke cijfer zou u ons geven</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="wisselende programma">Als u wisselend naar gepresenteerde programma's luistert, wat voor cijfer zou u geven?</label> <div class="col-md-5"> <input id="wisselende programma" name="wisselende programma" type="text" placeholder="0 (slecht) en 10(heel goed)" class="form-control input-md"> <span class="help-block">Wat voor cijfer</span> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="nonstop">Luistert u weleens naar de non-stop?</label> <div class="col-md-4"> <div class="checkbox"> <label for="nonstop-0"> <input type="checkbox" name="nonstop" id="nonstop-0" value="Nooit"> Nooit </label> </div> <div class="checkbox"> <label for="nonstop-1"> <input type="checkbox" name="nonstop" id="nonstop-1" value="Nooit, want ik heb een hekel aan non-stop muziek"> Nooit, want ik heb een hekel aan non-stop muziek </label> </div> <div class="checkbox"> <label for="nonstop-2"> <input type="checkbox" name="nonstop" id="nonstop-2" value="Soms"> Soms </label> </div> <div class="checkbox"> <label for="nonstop-3"> <input type="checkbox" name="nonstop" id="nonstop-3" value="Soms, want de muziek keuze is niet zo goed"> Soms, want de muziek keuze is niet zo goed </label> </div> <div class="checkbox"> <label for="nonstop-4"> <input type="checkbox" name="nonstop" id="nonstop-4" value="Regelmatig"> Regelmatig </label> </div> <div class="checkbox"> <label for="nonstop-5"> <input type="checkbox" name="nonstop" id="nonstop-5" value="Regelmatig, de muziek keuze is goed"> Regelmatig, de muziek keuze is goed </label> </div> <div class="checkbox"> <label for="nonstop-6"> <input type="checkbox" name="nonstop" id="nonstop-6" value="Vaak"> Vaak </label> </div> <div class="checkbox"> <label for="nonstop-7"> <input type="checkbox" name="nonstop" id="nonstop-7" value="Vaak, de muziek keuze is echt geweldig!"> Vaak, de muziek keuze is echt geweldig! </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="soort muziek">wat voor muziek wilt u meer horen in de non-stop</label> <div class="col-md-4"> <div class="checkbox"> <label for="soort muziek-0"> <input type="checkbox" name="soort muziek" id="soort muziek-0" value="engels"> engels </label> </div> <div class="checkbox"> <label for="soort muziek-1"> <input type="checkbox" name="soort muziek" id="soort muziek-1" value="duits"> duits </label> </div> <div class="checkbox"> <label for="soort muziek-2"> <input type="checkbox" name="soort muziek" id="soort muziek-2" value="Nederlands"> Nederlands </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="via luisteren">Als u luistert naar radiobazaar dan doet u dat</label> <div class="col-md-4"> <div class="checkbox"> <label for="via luisteren-0"> <input type="checkbox" name="via luisteren" id="via luisteren-0" value="telefoon"> telefoon </label> </div> <div class="checkbox"> <label for="via luisteren-1"> <input type="checkbox" name="via luisteren" id="via luisteren-1" value="computer"> computer </label> </div> <div class="checkbox"> <label for="via luisteren-2"> <input type="checkbox" name="via luisteren" id="via luisteren-2" value="tabblad"> tabblad </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="geluidskwaliteit">Wat vind u van de geluidskwaliteit?</label> <div class="col-md-4"> <div class="checkbox"> <label for="geluidskwaliteit-0"> <input type="checkbox" name="geluidskwaliteit" id="geluidskwaliteit-0" value="Slecht"> Slecht </label> </div> <div class="checkbox"> <label for="geluidskwaliteit-1"> <input type="checkbox" name="geluidskwaliteit" id="geluidskwaliteit-1" value="Matig"> Matig </label> </div> <div class="checkbox"> <label for="geluidskwaliteit-2"> <input type="checkbox" name="geluidskwaliteit" id="geluidskwaliteit-2" value="Redelijk"> Redelijk </label> </div> <div class="checkbox"> <label for="geluidskwaliteit-3"> <input type="checkbox" name="geluidskwaliteit" id="geluidskwaliteit-3" value="Goed"> Goed </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="bambuser">U kijkt naar radiobazaar BamBuser</label> <div class="col-md-4"> <div class="checkbox"> <label for="bambuser-0"> <input type="checkbox" name="bambuser" id="bambuser-0" value="Nooit"> Nooit </label> </div> <div class="checkbox"> <label for="bambuser-1"> <input type="checkbox" name="bambuser" id="bambuser-1" value="Minder dan 1 uur per maand"> Minder dan 1 uur per maand </label> </div> <div class="checkbox"> <label for="bambuser-2"> <input type="checkbox" name="bambuser" id="bambuser-2" value="1 uur per maand"> 1 uur per maand </label> </div> <div class="checkbox"> <label for="bambuser-3"> <input type="checkbox" name="bambuser" id="bambuser-3" value="1 uur per week"> 1 uur per week </label> </div> <div class="checkbox"> <label for="bambuser-4"> <input type="checkbox" name="bambuser" id="bambuser-4" value="4 uur per week"> 4 uur per week </label> </div> <div class="checkbox"> <label for="bambuser-5"> <input type="checkbox" name="bambuser" id="bambuser-5" value="8 uur per week"> 8 uur per week </label> </div> <div class="checkbox"> <label for="bambuser-6"> <input type="checkbox" name="bambuser" id="bambuser-6" value="24 uur per week"> 24 uur per week </label> </div> <div class="checkbox"> <label for="bambuser-7"> <input type="checkbox" name="bambuser" id="bambuser-7" value="Meer dan 24 uur per week"> Meer dan 24 uur per week </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="gevonden">hoe heeft u ons gevonden</label> <div class="col-md-4"> <div class="checkbox"> <label for="gevonden-0"> <input type="checkbox" name="gevonden" id="gevonden-0" value="Familie"> Familie </label> </div> <div class="checkbox"> <label for="gevonden-1"> <input type="checkbox" name="gevonden" id="gevonden-1" value="vrienden"> vrienden </label> </div> <div class="checkbox"> <label for="gevonden-2"> <input type="checkbox" name="gevonden" id="gevonden-2" value="kenissen"> kenissen </label> </div> <div class="checkbox"> <label for="gevonden-3"> <input type="checkbox" name="gevonden" id="gevonden-3" value="FB"> FB </label> </div> <div class="checkbox"> <label for="gevonden-4"> <input type="checkbox" name="gevonden" id="gevonden-4" value="Twitter"> Twitter </label> </div> <div class="checkbox"> <label for="gevonden-5"> <input type="checkbox" name="gevonden" id="gevonden-5" value="flyers"> flyers </label> </div> <div class="checkbox"> <label for="gevonden-6"> <input type="checkbox" name="gevonden" id="gevonden-6" value="google"> google </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="mederwerker">Bent u medewerker van radiobazaar ?</label> <div class="col-md-4"> <div class="checkbox"> <label for="mederwerker-0"> <input type="checkbox" name="mederwerker" id="mederwerker-0" value="Ja"> Ja </label> </div> <div class="checkbox"> <label for="mederwerker-1"> <input type="checkbox" name="mederwerker" id="mederwerker-1" value="Nee"> Nee </label> </div> <div class="checkbox"> <label for="mederwerker-2"> <input type="checkbox" name="mederwerker" id="mederwerker-2" value="Nee, maar ik zou wel medewerker willen worden!"> Nee, maar ik zou wel medewerker willen worden! </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="website">Wat vind u van onze website?</label> <div class="col-md-4"> <div class="checkbox"> <label for="website-0"> <input type="checkbox" name="website" id="website-0" value="Heel goed"> Heel goed </label> </div> <div class="checkbox"> <label for="website-1"> <input type="checkbox" name="website" id="website-1" value="Goed"> Goed </label> </div> <div class="checkbox"> <label for="website-2"> <input type="checkbox" name="website" id="website-2" value="Matig"> Matig </label> </div> <div class="checkbox"> <label for="website-3"> <input type="checkbox" name="website" id="website-3" value="Slecht"> Slecht </label> </div> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="toelichting">Heeft u nog een toelichting,opmerkingen, suggesties of ideeën ?</label> <div class="col-md-4"> <textarea class="form-control" id="toelichting" name="toelichting">Heeft u nog een toelichting,opmerkingen, suggesties of ideeën ?</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="plaats">Woonplaats</label> <div class="col-md-4"> <input id="plaats" name="plaats" type="text" placeholder="vul u woonplaats in" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="naam">Naam:</label> <div class="col-md-4"> <input id="naam" name="naam" type="text" placeholder="Voor achternaam" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="leeftijd">Leeftijd:</label> <div class="col-md-4"> <input id="leeftijd" name="leeftijd" type="text" placeholder="Vul u leeftijd in" class="form-control input-md" required=""> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="geslacht">Geslacht:</label> <div class="col-md-4"> <div class="radio"> <label for="geslacht-0"> <input type="radio" name="geslacht" id="geslacht-0" value="Man" checked="checked"> Man </label> </div> <div class="radio"> <label for="geslacht-1"> <input type="radio" name="geslacht" id="geslacht-1" value="Vrouw"> Vrouw </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="mail">Email</label> <div class="col-md-5"> <input id="mail" name="mail" type="text" placeholder="Vul u email in" class="form-control input-md" required=""> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Verstuur"></label> <div class="col-md-4"> <button id="Verstuur" name="Verstuur" class="btn btn-primary">Verstuur</button> </div> </div> </fieldset> </form> </div> </div>