NavrenzaHTML + TAILWIND
08 / NAVRENZA GUIDE

Forms and validation

Find and adapt inputs, select controls, validation and upload examples.

Form library

forms.html links to basic elements, select, checks, pickers, masks, advanced controls, ranges, validation, wizard, editors, uploads, layouts and enhanced-select examples. Look up exact filenames in the page index. The demos use native scripts in examples.js and enhancements.js.

Native input helper

js
const fields = Navrenza.input('email', 'Email', '', { type: 'email' })
  + Navrenza.input('plan', 'Plan', 'Starter', { choices: ['Starter','Growth','Scale'] });
Navrenza.modal('New record', fields, async values => {
  // Replace with your API save operation; throw on failure.
  console.log(values);
});

Validation and pickers

Native date/time/color picker popups follow the browser and operating system. Input masks format values; they do not establish domain validity. Validate again on your backend. Keep associated labels, error messages and appropriate required/min/max constraints.

Uploads and editors

Form uploads and editors are local examples. Connect an upload endpoint for server persistence. Validate file content, size and authorization on the server. Admin file-manager bytes are stored in IndexedDB separately from ordinary form upload previews.

Navrenza HTML Tailwind documentation · Updated 1 October 2026

Search documentation