Antwortbogen mit Bleistift
Eine Multiple-Choice-Prüfungsfrage: Bei der Wahl füllt ein Bleistiftgekritzel das Oval der Antwort.
Einstellungen
Code
<fieldset class="uvq04-omr"><legend>7. Welches Gas nehmen Pflanzen auf?</legend><label><input type="radio" name="uvq04-omr"><span class="bb" aria-hidden="true">A<svg viewBox="0 0 24 24" preserveAspectRatio="none"><path pathLength="1" d="M6.5 8.5L17 6.5L5.5 12.5L18.5 10L6 16L18 14L8.5 18"/></svg></span><span class="tx">Sauerstoff</span></label><label><input type="radio" name="uvq04-omr" checked><span class="bb" aria-hidden="true">B<svg viewBox="0 0 24 24" preserveAspectRatio="none"><path pathLength="1" d="M6.5 8.5L17 6.5L5.5 12.5L18.5 10L6 16L18 14L8.5 18"/></svg></span><span class="tx">Kohlendioxid</span></label><label><input type="radio" name="uvq04-omr"><span class="bb" aria-hidden="true">C<svg viewBox="0 0 24 24" preserveAspectRatio="none"><path pathLength="1" d="M6.5 8.5L17 6.5L5.5 12.5L18.5 10L6 16L18 14L8.5 18"/></svg></span><span class="tx">Stickstoff</span></label><label><input type="radio" name="uvq04-omr"><span class="bb" aria-hidden="true">D<svg viewBox="0 0 24 24" preserveAspectRatio="none"><path pathLength="1" d="M6.5 8.5L17 6.5L5.5 12.5L18.5 10L6 16L18 14L8.5 18"/></svg></span><span class="tx">Helium</span></label><p class="nt">Oval vollständig ausfüllen</p></fieldset>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Radiobuttons
Alle ansehen: RadiobuttonsWofür du ihn nutzen kannst
Diese Radiogruppe sieht aus wie ein maschinenlesbarer Antwortbogen: lachsfarben gedruckte Ovale, Taktmarken am Rand, feine Linien und eine Frage in Serifenschrift. Wählst du eine Antwort, zeichnet ein SVG-Strich ein Graphitgekritzel ins Oval, bei einer anderen Wahl wird es wieder ausradiert. Ideal für Quizze, Lernplattformen, Umfragen und Fragen im Onboarding mit Papiergefühl.
Die Hauptfarbe ist der Bleistift, die Zweitfarbe die Druckfarbe des Bogens. Die Frage änderst du im Textfeld; halte jede Antwort einzeilig, dann passen vier oder fünf Optionen auf die Karte.