Generator

Noodle Form Builder

Enter a course name and add sections to generate ready-to-drop HTML forms with the correct data attributes for noodle.js.

What you'll get

  • FormsAccessible form markup with labels, hints, and data-courseid/data-sectionid.
  • Hidden course nameAutomatically inserted course-name input for exports.
  • Page orderOptional data-page-order for multi-page course sorting.
  • One copyPaste the snippet into your course page and include noodle.js once.

Build your snippet

Fill in the course details, add sections, then generate the HTML to copy into your LMS page.

Allowed: letters, numbers, hyphens, underscores.
Controls sort order in Course Order view.

Generated HTML

Paste this into your page. Include noodle.js once near the end of the page.