links.lmorchard.com - #forms

HTML Form Validation is heavily underused

Mon, 04 Nov 2024 23:39:23 +0000

HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore.

Tags: #forms #html #webdev

Constraint validation - HTML: HyperText Markup Language | MDN

Wed, 30 Oct 2024 04:08:16 +0000

The creation of web forms has always been a complex task. While marking up the form itself is easy, checking whether each field has a valid and coherent value is more difficult, and informing the user about the problem may become a headache. HTML5 introduced new mechanisms for forms: it added new semantic types for the element and constraint validation to ease the work of checking the form content on the client side. Basic, usual constraints can be checked, without the need for JavaScript, by setting new attributes; more complex constraints can be tested using the Constraint Validation API.

Tags: #dom #forms #html5 #webdev

Resizing Django ImageField with Remote Storage | Hardly Code Blog

Fri, 03 Jun 2011 03:37:49 +0000

Below is example code that allows you to resize images using Django’s models.ImageField and PIL library. Hopefully this saves someone some time as it took me a few hours to come up with a solution.

Tags: #django #forms #images #uploads #webdev

Lazarus: Restore lost forms with a single click

Tue, 23 Dec 2008 22:58:13 +0000

"Ever had one of those “oh $*#@” moments when you've finally finished filling out a long form, and hit submit only to see an error message? And when you hit the back button, the form was blank... If so, you know you need Lazarus. And if not, you have a chance to install Lazarus before disaster strikes! "

Tags: #addons #extensions #firefox #forms

woork: FORM elements design using CSS and list (ul and dl)

Mon, 16 Jun 2008 17:55:47 +0000

"if you want to use pure CSS code instead of HTML table to design your FORM I think this is a good way to do it."

Tags: #css #forms #html #webdev

Awesome Form: The Simple, Semantic CSS Form

Sun, 30 Jul 2006 00:54:46 +0000

"Using simple and semantic HTML, this method uses comprehensive CSS to create visually pleasing and extremely accessible web page forms for all purposes."

Tags: #css #forms #html #webdev