HTML Form Input Types and Validation

·2 views

HTML gives you built-in form validation without any JavaScript: pick the right type on each (like email, url, number or date) and add attributes such as required, minlength, maxlength, min, max, step and pattern. The browser then blocks submission and shows a message until the values fit. In this guide I go through the input types and validation attributes I use, with examples I checked in a current Chrome build, plus the gotchas that caught me out. One thing to say right away: browser validation is there to help the user. It's not security.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Cutting Beacon State Storage by ~97%: Validator Sectors with Structural Sharing

A design prototype. I’d like your feedback before I build the reconstruction measurements. Storing full beacon states at regular intervals costs roughly 3 TB. Diffing against a base reference (eth-state-diff) brings that down to about 400 GB. But ~85% of a beacon state is the validators list, which barely changes.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Starting My Web Development Journey

Hello DEV Community! I'm starting my journey into web development. Excited to build projects, learn from others, and share my progress here.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Building TimeZoneCal: An Ultra-Fast, Zero-Dependency Timezone and Meeting Suite with Astro, Tailwind CSS v4, and Native JavaScript

Managing international timezones, coordinating distributed engineering teams, and debugging epoch timestamps remain persistent challenges in modern software development. While many timezone calculators exist, most are cluttered with heavy third-party bundle sizes, dated user interfaces, and inaccurate Daylight Saving Time (DST) calculations. In this article, we examine the architecture, engineering decisions, and implementation details behind TimeZoneCal (timezonecal.com)—a high-performance, zero-dependency web application built with Astro 6, Tailwind CSS v4, and native browser JavaScript. Whe

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Python List Comprehension Examples Explained

A Python list comprehension builds a new list in one line by writing [expression for item in iterable], with an optional if at the end to filter items. It replaces the "make an empty list, loop, append" pattern. Below are the list comprehension examples I actually use, from the basic form to filtering, if/else, nested loops and the mistakes that tripped me up. When I started learning Python, comprehensions looked like a puzzle. Once I learned to read them out loud, they became one of my favourite parts of the language.

0 comments Read more at DEV Community