Prüfungsbogen-Checkboxen einfacher benutzbar machen

Durch den Einsatz von Label-HTML-Tags werden die Checkboxen auf mobilen Geräten einfacher nutzbar.
This commit is contained in:
Martin Dessauer 2023-06-07 22:28:08 +02:00
parent 9e0453a2d8
commit 34f1f756b8

View File

@ -23,20 +23,20 @@
<tr>
<td rowspan="{rowCnt}" valign="top"><div class="fragenr only-print">{frageIndex}</div><span class="no-print" style="font-weight:bold">{abschnittNr}.{frageNr}</span></td>
<td rowspan="{rowCnt}" valign="top">{frageText}</td>
<td>{Antwort1}</td>
<td align="center">A</td>
<td align="center"><input type="checkbox" name="antwort[{frageID}][1]" value="1" /><div class="print-checkbox"></div></td>
<td><label for="antwort[{frageID}][1]">{Antwort1}</label></td>
<td align="center"><label for="antwort[{frageID}][1]">A</label></td>
<td align="center"><input type="checkbox" name="antwort[{frageID}][1]" id="antwort[{frageID}][1]" value="1" /><div class="print-checkbox"></div></td>
</tr>
<tr>
<td>{Antwort2}</td>
<td align="center">B</td>
<td align="center"><input type="checkbox" name="antwort[{frageID}][2]" value="1" /><div class="print-checkbox"></div></td>
<td><label for="antwort[{frageID}][2]">{Antwort2}</label></td>
<td align="center"><label for="antwort[{frageID}][2]">B</label></td>
<td align="center"><input type="checkbox" name="antwort[{frageID}][2]" id="antwort[{frageID}][2]" value="1" /><div class="print-checkbox"></div></td>
</tr>
{|ThreeRows}{|ThreeRows*Row}
<tr>
<td>{Antwort3}</td>
<td align="center">C</td>
<td align="center"><input type="checkbox" name="antwort[{frageID}][3]" value="1" /><div class="print-checkbox"></div></td>
<td><label for="antwort[{frageID}][3]">{Antwort3}</label></td>
<td align="center"><label for="antwort[{frageID}][3]">C</label></td>
<td align="center"><input type="checkbox" name="antwort[{frageID}][3]" id="antwort[{frageID}][3]" value="1" /><div class="print-checkbox"></div></td>
</tr>
{|ThreeRows*Row}{|ThreeRows}
</table>