Simon Willison's Weblog: forms

timpaul/form-extractor-prototype

2024-04-22T22:01:22+00:00

Tim Paul, Head of Interaction Design at the UK's Government Digital Service, published this brilliant prototype built on top of Claude 3 Opus.

The video shows what it can do. Give it an image of a form and it will extract the form fields and use them to create a GDS-style multi-page interactive form, using their GOV.UK design system and govuk-frontend npm package.

It works for both hand-drawn napkin illustrations and images of existing paper forms.

The bulk of the prompting logic is the schema definition in data/extract-form-questions.json.

I'm always excited to see applications built on LLMs that go beyond the chatbot UI. This is a great example of exactly that.

Via @timpaul

Tags: forms, ai, generative-ai, llms, anthropic, claude, gov-uk

react-jsonschema-form

2018-04-23T21:38:10+00:00

react-jsonschema-form

Exciting library from the Mozilla Services team: given a JSON Schema definition, react-jsonschema-form can produce a cleanly designed React-powered form for adding and editing data that matches that schema. Includes support for adding multiple items in a nested array, re-ordering them, custom form widgets and more.

Tags: cms, forms, json, jsonschema, mozilla, react

Instapaper requiring email and passwords for new accounts

2010-12-15T20:35:00+00:00

Instapaper requiring email and passwords for new accounts

Instapaper are changing from their novel “enter a username or email address, only enter a password if you really want one” registration scheme to a more traditional email and password required model. Messing with registration forms is a risky business—in this case, the non-obvious support issues that resulted were a net negative.

Tags: forms, instapaper, registration, usability, recovered

Styling buttons to look like links

2009-06-10T02:11:30+00:00

Styling buttons to look like links

Nat has a neat trick for styling submit buttons to look like regular links—so there’s absolutely no excuse for using a “delete” link when you should be using a POST request.

Tags: buttons, css, forms, getpost, http, links, natalie-downe, post

newforms-admin branch has been merged into trunk

2008-07-20T23:17:11+00:00

newforms-admin branch has been merged into trunk

Congrats to Brian Rosner for the merge. django.newforms has been renamed to django.forms as well—1.0 grows ever closer.

Tags: brian-rosner, django, django-admin, forms, merge, newformsadmin

Browser Uploads to S3 using HTML POST Forms

2008-06-27T12:11:28+00:00

Browser Uploads to S3 using HTML POST Forms

I didn’t know you could do this: create a regular HTML form that gives people permission to upload direct to your own S3 bucket, using a signed JSON policy statement in a hidden form field to prevent third parties from abusing your S3 account.

Tags: amazon, aws, forms, json, post, s3, signing

Primary & Secondary Actions in Web Forms

2007-09-04T02:52:39+00:00

Primary & Secondary Actions in Web Forms

Fascinating results from an eye tracking study on the placement of “Submit” and “Cancel” buttons—one layout was a whole six seconds slower than the others. Luke Wroblewski’s “Web Form Design Best Practices” book looks like it will be excellent.

Tags: design, eyetracking, formdesign, forms, luke-wroblewski, usability

Dynamic Help in Web Forms

2007-08-07T16:01:04+00:00

Dynamic Help in Web Forms

Luke Wroblewski catalogues patterns for providing contextual help.

Tags: forms, help, luke-wroblewski, usability

Personal names around the world

2007-07-19T12:54:46+00:00

Personal names around the world

I’ve always felt slightly uncomfortable about firstname/lastname fields in forms. Now I know why.

Tags: forms, i18n, richard-ishida

Form Hijack

2006-03-21T10:43:55+00:00

Form Hijack

Neat unobtrusive JavaScript trick—use document.onclick to catch events before page has loaded.

Via HedgerWow

Tags: forms, javascript