November 29, 2025 at 7:27 PM
Painful lesson - especially if you use a fieldset to disable multiple fields and then convert the form to formData
today-years-old when I learned that disabled form fields don't show up in FormData 🥲
November 2, 2024 at 12:17 AM
Painful lesson - especially if you use a fieldset to disable multiple fields and then convert the form to formData
Watercolor sketch 11/22
Watercolor is such a great sketch media. You can pack a small fieldset and paint everywhere, even in a car.
#art #sketch #sketchbook #painting #watercolor #fieldset
Watercolor is such a great sketch media. You can pack a small fieldset and paint everywhere, even in a car.
#art #sketch #sketchbook #painting #watercolor #fieldset
November 22, 2025 at 10:41 PM
Watercolor sketch 11/22
Watercolor is such a great sketch media. You can pack a small fieldset and paint everywhere, even in a car.
#art #sketch #sketchbook #painting #watercolor #fieldset
Watercolor is such a great sketch media. You can pack a small fieldset and paint everywhere, even in a car.
#art #sketch #sketchbook #painting #watercolor #fieldset
why is no one talking about the <fieldset> of zelda
November 17, 2025 at 10:50 PM
why is no one talking about the <fieldset> of zelda
CSSWG have resolved to support appearance base on fieldset!
github.com/w3c/csswg-dr...
Cc @adactio.com I know you were keen for this.
github.com/w3c/csswg-dr...
Cc @adactio.com I know you were keen for this.
[css-forms-1] Include fieldset and legend · Issue #11983 · w3c/csswg-drafts
Currently, fieldset default borders don't work well in dark mode in any browser, and legend is notoriously hard to style and specifically position. It would be good to include legend in base appear...
github.com
April 2, 2026 at 8:54 AM
CSSWG have resolved to support appearance base on fieldset!
github.com/w3c/csswg-dr...
Cc @adactio.com I know you were keen for this.
github.com/w3c/csswg-dr...
Cc @adactio.com I know you were keen for this.
💡 CSS Tip!
My take on the fieldset/legend layout using minimal HTML.
css-tip.com/filedset-leg...
A responsive and direction-aware implementation easy to control using CSS variables.
My take on the fieldset/legend layout using minimal HTML.
css-tip.com/filedset-leg...
A responsive and direction-aware implementation easy to control using CSS variables.
January 21, 2026 at 1:12 PM
💡 CSS Tip!
My take on the fieldset/legend layout using minimal HTML.
css-tip.com/filedset-leg...
A responsive and direction-aware implementation easy to control using CSS variables.
My take on the fieldset/legend layout using minimal HTML.
css-tip.com/filedset-leg...
A responsive and direction-aware implementation easy to control using CSS variables.
Forms are better with
January 26, 2026 at 12:37 PM
Forms are better with
I helped my pal @chriskirknielsen.com fake a fieldset-legend layout (where the “legend” overlays and clips a containing border).
My technique, plus a few alternatives: cloudfour.com/thinks/fakin...
#CSS #WebDev #WebDesign
My technique, plus a few alternatives: cloudfour.com/thinks/fakin...
#CSS #WebDev #WebDesign
Faking a Fieldset-Legend
Using CSS to make a heading overlay and clip the border of its own container.
cloudfour.com
January 20, 2026 at 4:59 PM
I helped my pal @chriskirknielsen.com fake a fieldset-legend layout (where the “legend” overlays and clips a containing border).
My technique, plus a few alternatives: cloudfour.com/thinks/fakin...
#CSS #WebDev #WebDesign
My technique, plus a few alternatives: cloudfour.com/thinks/fakin...
#CSS #WebDev #WebDesign
If you want to disable form fields while submitting the form, you can use a
November 26, 2025 at 4:55 AM
If you want to disable form fields while submitting the form, you can use a
Kind of bizarre: the button within `<legend>` does not become `disabled` from the `<fieldset>`.
```html
<fieldset disabled>
<legend><button type=button>Review</button></legend>
<button>Submit</button>
</fieldset>
```
```html
<fieldset disabled>
<legend><button type=button>Review</button></legend>
<button>Submit</button>
</fieldset>
```
July 17, 2026 at 4:38 AM
Kind of bizarre: the button within `<legend>` does not become `disabled` from the `<fieldset>`.
```html
<fieldset disabled>
<legend><button type=button>Review</button></legend>
<button>Submit</button>
</fieldset>
```
```html
<fieldset disabled>
<legend><button type=button>Review</button></legend>
<button>Submit</button>
</fieldset>
```
Of course <fieldset> is broken with CSS subgrid, why wouldn't it be
March 16, 2026 at 1:07 PM
Of course <fieldset> is broken with CSS subgrid, why wouldn't it be
Foundations: grouping forms with
Foundations: grouping forms with `<fieldset>` and `<legend>` - TetraLogical
In this post, we explore how to use the <fieldset> and <legend> elements to group and label form elements effectively, creating a more accessible and well-structured experience.
tetralogical.com
January 31, 2025 at 12:59 PM
Foundations: grouping forms with
@kevinpowell.co the CSS 👑 give us some tips about fieldset and legend html elements
buff.ly/5mnhqpq
from his great newsletter : buff.ly/VU1aJxB
#html #webdev
buff.ly/5mnhqpq
from his great newsletter : buff.ly/VU1aJxB
#html #webdev
March 26, 2025 at 12:00 PM
@kevinpowell.co the CSS 👑 give us some tips about fieldset and legend html elements
buff.ly/5mnhqpq
from his great newsletter : buff.ly/VU1aJxB
#html #webdev
buff.ly/5mnhqpq
from his great newsletter : buff.ly/VU1aJxB
#html #webdev
i mean why stop *there*? what if i only want a little smidge of dark mode?
August 6, 2026 at 6:00 PM
i mean why stop *there*? what if i only want a little smidge of dark mode?
built-in browser fieldset styling is demonic
June 29, 2026 at 6:22 AM
built-in browser fieldset styling is demonic
Faking a Fieldset-Legend: "Let’s mimic the look of a
Faking a Fieldset-Legend
Using CSS to make a heading overlay and clip the border of its own container.
cloudfour.com
January 28, 2026 at 6:04 PM
Faking a Fieldset-Legend: "Let’s mimic the look of a
maybe one day browser vendors can fix suff like this so devs are incentivised to style accessible markup
adrianroselli.com/2022/07/use-...
adrianroselli.com/2022/07/use-...
Use Legend and Fieldset
It’s 2022 and people are still afraid to use <fieldset> and <legend>. I understand the layout challenges can be frustrating, but swapping to an ARIA group role will result in a more inaccessible exper...
adrianroselli.com
June 17, 2026 at 7:34 AM
maybe one day browser vendors can fix suff like this so devs are incentivised to style accessible markup
adrianroselli.com/2022/07/use-...
adrianroselli.com/2022/07/use-...
how we doin’ on <fieldset> lately
August 13, 2026 at 4:02 PM
how we doin’ on <fieldset> lately
Remember, using a native HTML `
Use Legend and Fieldset
It’s 2022 and people are still afraid to use <fieldset> and <legend>. I understand the layout challenges can be frustrating, but swapping to an ARIA group role will result in a more inaccessible exper...
adrianroselli.com
January 21, 2026 at 2:59 PM
Remember, using a native HTML `
demos updated:
- fieldset -> optgroup with label for better fallback + match desired semantics
- fieldset -> optgroup with label for better fallback + match desired semantics
February 17, 2026 at 4:06 PM
demos updated:
- fieldset -> optgroup with label for better fallback + match desired semantics
- fieldset -> optgroup with label for better fallback + match desired semantics
When submitting a form, it’s good practice to disable fields. This prevents users on slow connections from trying to change input once submission has started.
Instead of disabling each field individually you can add disabled to the
Instead of disabling each field individually you can add disabled to the
July 20, 2025 at 12:30 PM
When submitting a form, it’s good practice to disable fields. This prevents users on slow connections from trying to change input once submission has started.
Instead of disabling each field individually you can add disabled to the
Instead of disabling each field individually you can add disabled to the
March 24, 2025 at 3:23 PM