search

WebWeWant / webwewant.fyi

If you build websites, you inevitably run into problems. Maybe there’s no way to achieve an aspect of your design using CSS. Or maybe there’s a device feature you really wish you could tap into using JavaScript. Or perhaps the in-browser DevTools don’t give you a key insight you need to do your job. We want to hear about it!
https://webwewant.fyi
MIT License
74 stars 23 forks source link

I want 2D matrix dropdown form inputs #656

Open WebWeWantBot opened 5 months ago

WebWeWantBot commented 5 months ago

title: I want 2D matrix dropdown form inputs date: 2024-01-21T11:00:18.245Z submitter: Christoph Päper number: 65acf9429228300d00ff0a25 tags: [ ] discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/ status: [ discussing || in-progress || complete ] related:

Several types of clothing have a size designation that consists of two parts, one is usually primary and the other secondary and both must be specified and most combinations exist. Examples from EN 13402-2 include jeans (girth + length) and bras (girth + cup), but also shoes sometimes (length + width). This is also applicable to many other variant items that are frequently required to be selected together in forms, e.g. S/M/L + cola/soda/water or light/regular/bold + italic/upright or 1…31 + Jan…Dec or 

<matrix>
  <select>…</select>
  <select>…</select>
</matrix>

<select type=primary>…</select>
<select type=secondary>…</select>

<select id=primary>…</select>
<select with=primary>…</select>

I also want typed numeric input fields with number and unit and automatic conversion to canonical unit. 

<input type=length min=0.001 max=100000 units="m, km, cm, mm, in, ft, yd, mi">

<input type=number min=0.001 max=100000 dim=meter id=value>
<input type=unit with=value valid="m, km, cm, mm, in, ft, yd, mi">

If posted, this will appear at https://webwewant.fyi/wants/65acf9429228300d00ff0a25/