TypelessForm is a voice-to-form widget. Instead of typing into each field, a website visitor speaks once and TypelessForm fills the matching form fields in real time, in the browser. The demo video below shows it completing a full medical intake and appointment form from a single spoken walkthrough — no typing.

Most web forms still assume a keyboard and a mouse. TypelessForm adds a voice path on top of an ordinary form: a visitor taps the microphone and says what they want in plain language instead of typing. It is built for situations where typing is slow or awkward — on the move, on a small phone keyboard, or for people who simply prefer to talk. Typed input keeps working exactly as before; voice is an additional option, not a replacement.

Watch the demo

The video shows the whole interaction end to end. A visitor speaks naturally — name, contact details, allergies, the appointment they want — and TypelessForm writes each answer into the right field as they talk. The complete spoken transcript appears below the video, so the walkthrough is also readable as plain text.

What happens in the demo?

In the demo, the visitor completes a medical intake and appointment form entirely by voice. As they speak, TypelessForm writes each answer into the matching field in real time — name into the name field, email into the email field, the appointment date into the date field — without the visitor touching the keyboard. The transcript below is the verbatim spoken audio from the video, so the same walkthrough is readable as plain text and citable by answer engines.

Transcript

Hi, I'm Emily Carter. You can reach me at emily.carter@example.com or by phone at +1 555 214 6890. I was born on July 8th, 1992. I live at 456 Oak Street in San Francisco. And if anything comes up, my emergency contact is Anna Carter — she's my sister. Her number is +1 555 732 4916.

I'm allergic to penicillin and some fragrances. I don't have any chronic conditions. I'm not taking any regular medication. I haven't had any surgeries, and there's no major medical history in my family.

I recently started using a new vitamin C serum and a retinol cream at night. I also switched to a different sunscreen about a month ago. I tried an over-the-counter hydrocortisone cream, but it didn't really help.

I'd like to book an appointment with Dr. Amanda Foster. May 10th would work for me, preferably in the afternoon. I've been having persistent itching and some redness on my face for the past few weeks. That's all — no additional notes.

Key moments in the walkthrough

  • Identity and contact — name, email, phone, date of birth, and address fill from the opening sentences.
  • Emergency contact — a second person (name, relationship, phone) is routed into its own group of fields, not confused with the visitor's own details.
  • Medical history — allergies, chronic conditions, medication, surgeries, and family history are separated into the right fields from one continuous answer.
  • Appointment request — preferred doctor, date, time of day, and the reason for the visit land in the booking fields.

The point of the walkthrough is that the visitor never stops to match an answer to a field. They speak the way they would to a receptionist, and the form is assembled from that speech.

How does TypelessForm work?

TypelessForm is a lightweight widget that drops into an existing web form, captures the visitor's speech in the browser, and maps spoken input to the matching form fields. Because it augments the form rather than replacing it, the form still works normally for anyone who types. The visitor speaks in plain, unstructured language — as in the transcript above — and the widget separates that speech into the right fields rather than requiring one short answer per prompt. This is the "speak once, all fields fill at once" model: one breath of natural speech, every detected field populated for review.

It installs as the typelessform-widget npm package and runs client-side, so the existing form markup and its server-side handling stay unchanged. Sensitive fields — passwords, credit card numbers, Social Security numbers, and one-time codes — are excluded from voice by default, and no voice recordings are stored.

Why publish the transcript with the video?

A video alone is opaque to answer engines: they cannot watch it. So the spoken walkthrough is published here as crawlable text, and the video carries VideoObject structured data. That is exactly how a demo becomes citable — the same recording is available as plain text for a person who would rather read, and as machine-readable schema for an engine that needs to understand what the video shows. TypelessForm is one of two products Webappski builds to prove its Answer Engine Optimization methodology in practice, and this page is itself an example of it.

Frequently asked questions

Short answers to the questions people ask most about the demo are below. You can also try the widget yourself in a few minutes.