Forms are awesome
Internet
Joined August 2016
- Tweets104
- Following1
- Followers113
- Likes87
Fun with Forms retweeted
Hope :user-valid / :user-invalid github.com/web-platform-test… will make it into Interob 2023
Fun with Forms retweeted
With Safari 16 (released Sep 12) `requestSubmit` is now cross-browser supported. 🎉
ALT Support table for request submit showing that all browsers support it.
HTMLFormElement.requestSubmit() in a nutshell. 👇
Spec: html.spec.whatwg.org/multipa…
MDN: developer.mozilla.org/en-US/…
#devsheets
Video alt: Form that is not submitting on button click due to failing validations. `submit()` ignores errors and submits – `requestSubmit()` validates first.
Fun with Forms retweeted
✍️ Stop supporting Internet Explorer!
justmarkup.com/notes/2022-07…
Fun with Forms retweeted
Always ensure your form can handle different name formats.
web.dev/learn/forms/internat…
This quoted post is unavailable.
Fun with Forms retweeted
The best way to learn Berlin boroughs is to make a silly demo, right? Well, there you go: new <selectmenu> and <popup> elements combo as a styleable <select> alternative.
⚠️ Works only in Chrome with Experimental Web Platform features flag enabled.
codepen.io/pepelsbey/pen/zYE…
ALT A map titled “Berlin boroughs map” where all boroughs are painted in a few pale colors, and the current borough is painted bright red. Over the map there’s a popup with the list of all boroughs names with the “Spandau” selected.
Fun with Forms retweeted
Whoop whoop! 🎉 `input-security` (the standardized way to toggle the display of password input values) ships in Safari Tech preview. 💪
🔗 Spec: drafts.csswg.org/css-ui/#inp…
Video alt: Showing the usually obscured input field value using `input-security`.
Fun with Forms retweeted
Great to get to work with Michael on web.dev/learn/forms!
Please let us know if anything doesn't make sense, or if anything is missing.
👍🙏
Fun with Forms retweeted
54,4% of the top 1,000,000 web pages have at least one missing `<label>` element. webaim.org/projects/million/…
Let's improve accessibility across the web, and learn how to build accessible forms web.dev/learn/forms/accessib…
Fun with Forms retweeted
⚡ We've launched a whole bunch of new courses on web.dev today! ⚡
First up is Learn Forms! Everything you need to know about building fantastic forms.
→ web.dev/learn/forms/
Written by @justmarkup
Fun with Forms retweeted
🥳 I'm thrilled that this got resolved today! This sets the stage for interoperable control/component styling that ship with the browser. While we resolved to make it an attribute there's support for solving it. github.com/w3c/csswg-drafts/…
Fun with Forms retweeted
The text input. It can do so much more than accept a random piece of text. Simple and minimal yet packed with potential.
Fun with Forms retweeted
Checkbox. Obvious what it is, great to use with label to create CSS solutions that work with keyboard.
Fun with Forms retweeted
<button> is a labelable element
Somebody tell the <div role=button> people that <button> can be wrapped in <label>: codepen.io/simevidas/pen/bGw…
Fun with Forms retweeted
I’d forgotten that <input type="image"> is a thing. It behaves “in much the same way as a regular <img> element, but with the capabilities of a submit button”
MDN: developer.mozilla.org/en-US/…
Basically, a form Submit button that’s an image. Or an image that submits a form. #HTML
Fun with Forms retweeted
Inclusive Dates, a human-friendly and fully accessible date picker.
Demo
fymmot.github.io/inclusive-d…
GitHub repo
github.com/fymmot/inclusive-…
