Beispiel:JS-Multiple-Choice-Quiz-1.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">  
<script>

</script>  
<style>

</style>
<title>HTML-Gerüst für Multiple-Choice-Quiz</title>
</head>

<body><h1>HTML-Gerüst für Multiple-Choice-Quiz</h1>

<form id="quiz" action="">
  <fieldset role="radiogroup">
    <legend>Frage …</legend>

    <input type="radio" name="answer" id="a27_0">
    <label for="a27_0">Antwort 1</label><br>

    <input type="radio" name="answer" id="a27_1">
    <label for="a27_1">Antwort 2</label><br>

    <input type="radio" name="answer" id="a27_2" value="Antwort 3">
    <label for="a27_2">Antwort 3</label>
  </fieldset>

  <button type="submit">Auswahl bestätigen</button>
</form>

</body>
</html>