{"id":74,"date":"2026-08-07T10:41:08","date_gmt":"2026-08-07T14:41:08","guid":{"rendered":"https:\/\/commons.princeton.edu\/maremagnum\/?page_id=74"},"modified":"2026-08-07T10:43:09","modified_gmt":"2026-08-07T14:43:09","slug":"sample-exercises","status":"publish","type":"page","link":"https:\/\/commons.princeton.edu\/maremagnum\/home\/sample-exercises\/","title":{"rendered":"Sample Exercises"},"content":{"rendered":"<form class='responseform'><p><strong>Plain cloze\/text box with default width<\/strong><\/p>\n<span class='response-container'>    <input type='text' id='f1' placeholder='' name='f1' class='text response' style='width:200px' \/><\/span>\n<p><strong>Plain cloze\/text box with default 10 character width<\/strong><\/p>\n<span class='response-container'>    <input type='text' id='f2' placeholder='' name='f2' class='text response' size='10' \/><\/span>\n<p><strong>Plain cloze\/text box with 400px width<\/strong><\/p>\n<span class='response-container'>    <input type='text' id='f3' placeholder='' name='f3' class='text response' style='width:400pxpx;' \/><\/span>\n<p><strong>Text box with an answer indicated (the answer is &#8216;the right answer&#8217; &#8211; can turn green if student types exactly the same)<\/strong><\/p>\n<span class='response-container'>    <input type='text' id='f4' name='f4' class='text response' data-answer=\"the right answer\" placeholder='' size='35' \/><\/span>\n<p><strong>Text box with a popup gloss<\/strong><\/p>\n<span class='response-container'>    <input type='text' id='f5' name='f5' class='text response glossed' data-gloss=\"this is a gloss\" placeholder=''  size='15' \/>    <img class='gloss-icon' src='https:\/\/commons.princeton.edu\/maremagnum\/wp-content\/plugins\/princeton-textbook\/images\/gloss.png'\/><\/span>\n<p><strong>Text box with placeholder text<br \/>\n<\/strong><\/p>\n<span class='response-container'>    <input type='text' id='f6' placeholder='this is text that appears by default' name='f6' class='text response' size='70' \/><\/span>\n<p><strong>A multi-line text area<\/strong><\/p>\n<textarea id='f7' name='f7' class='textarea response' style='width:100%;height:200px;' placeholder=''><\/textarea>\n<p><strong>A multi-line text area with placeholder text<br \/>\n<\/strong><\/p>\n<textarea id='f8' name='f8' class='textarea response' style='width:100%;height:200px;' placeholder='default text'><\/textarea>\n<p><strong>A single, sentence-length line<\/strong><\/p>\n<div class='response-container'><input type='text' id='f9' name='f9' class='sentence response' style='width:100%' style='display:inline-block'  placeholder='' \/><\/div>\n<p><strong>Radio buttons (select one) with one answer marked as correct (the plus sign)<\/strong><\/p>\n<div class='ccontainer'><input type='radio' name='r10' id='r10-1' value='Option 1' class='radio response'\/><label for='r10-1' class='radio-label' style='display:block;'>Option 1<\/label><input type='radio' name='r10' id='r10-2' value='Option 2' class='radio response'\/><label for='r10-2' class='radio-label' style='display:block;'>Option 2<\/label><input type='radio' name='r10' id='r10-3' value='Option 3' class='radio response' data-answer='correct' \/><label for='r10-3' class='radio-label' style='display:block;'> Option 3<\/label><\/div>\n<p><strong>Radio buttons (select one) inline with one answer marked as correct (the plus sign)<\/strong><\/p>\n<div class='ccontainer'><input type='radio' name='r11' id='r11-1' value='Option 1' class='radio response'\/><label for='r11-1' class='radio-label' style='display:inline-block;'>Option 1<\/label><input type='radio' name='r11' id='r11-2' value='Option 2' class='radio response'\/><label for='r11-2' class='radio-label' style='display:inline-block;'>Option 2<\/label><input type='radio' name='r11' id='r11-3' value='Option 3' class='radio response' data-answer='correct' \/><label for='r11-3' class='radio-label' style='display:inline-block;'> Option 3<\/label><\/div>\n<p><strong>Checkboxes behave the same as radio buttons, but allow for multiple choice<\/strong><\/p>\n<div class='response-container'><label class='checkbox-label' for='r12'><input type='checkbox' name='r12' id='r12' class='checkbox response' \/> Option 1<\/label><label class='checkbox-label' for='r13'><input type='checkbox' name='r13' id='r13' class='checkbox response' \/> Option 2<\/label><div><label class='checkbox-label' for='r14'><input type='checkbox' name='r14' id='r14' class='checkbox response' data-answer='correct' \/> Option 3<\/label><\/div><\/div>\n<p><strong>Checkboxes inline<\/strong><\/p>\n<div class='response-container'><label class='checkbox-label inline' for='r15'><input type='checkbox' name='r15' id='r15' class='checkbox response' \/> Option 1<\/label><label class='checkbox-label inline' for='r16'><input type='checkbox' name='r16' id='r16' class='checkbox response' \/> Option 2<\/label><label class='checkbox-label inline' for='r17'><input type='checkbox' name='r17' id='r17' class='checkbox response' data-answer='correct' \/> Option 3<\/label><\/div>\n<p><strong>Dropdowns<\/strong><\/p>\n<select id='f18' name='f18' class='dropdown response'><option value=''><\/option><option value='1'>1<\/option><option value='2'>2<\/option><option value='3' data-answer='correct'>3<\/option><\/select>\n<p><strong>Dropdowns inline<\/strong><\/p>\n<select id='f22' name='f22' class='dropdown response'><option value=''><\/option><option value='1'>1<\/option><option value='2'>2<\/option><option value='3' data-answer='correct'>3<\/option><\/select>\n<p><strong>A single checkbox (not very useful, but sometimes we need it)<\/strong><\/p>\n<p class='ccontainer'><input type='checkbox' name='r26' id='r26' class='checkbox response' \/><\/p>\n<script>var user = '';<\/script><\/form>","protected":false},"excerpt":{"rendered":"<p>Plain cloze\/text box with default width Plain cloze\/text box with default 10 character width Plain cloze\/text box with 400px width Text box with an answer indicated (the answer is &#8216;the right answer&#8217; &#8211; can turn green if student types exactly the same) Text box with a popup gloss Text box with placeholder text A multi-line [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":5,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":2,"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/pages\/74\/revisions\/77"}],"up":[{"embeddable":true,"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/commons.princeton.edu\/maremagnum\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}