Hoja de respuestas a lápiz
Una pregunta de examen tipo test: al elegir, un garabato de lápiz rellena el óvalo de la respuesta.
Ajustes
Código
<fieldset class="uvq04-omr"><legend>7. ¿Qué gas absorben las plantas?</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">Oxígeno</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">Dióxido de carbono</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">Nitrógeno</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">Helio</span></label><p class="nt">Rellena el óvalo por completo</p></fieldset>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Radio buttons
Ver todos: Radio buttonsDónde usarlo
Este grupo de radios parece una hoja de lectura óptica: óvalos impresos en color salmón, marcas de sincronización en el margen, renglones suaves y la pregunta en letra con serifa. Al elegir una respuesta se dibuja un garabato de grafito dentro del óvalo con un trazo SVG, y al cambiarla se borra. Encaja en tests, plataformas educativas, encuestas y preguntas de bienvenida con aire de papel.
El color principal es el lápiz y el secundario la tinta impresa de la hoja. Cambia la pregunta desde el campo de texto y deja cada respuesta en una línea; caben cuatro o cinco opciones sin desbordar la tarjeta.