[whatwg] <select> with tabular data
Ian Hickson
ian at hixie.ch
Tue Oct 21 23:47:00 PDT 2008
On Fri, 17 Dec 2004, Anne van Kesteren wrote:
> >
> > I don't really follow what you are proposing here. Could you give
> > more details?
>
> Think of a SELECT element which has a table formatted dropdown list. This
> enables you to do thinks like:
>
> Name Tel
> A. van Kesteren 000434
> I. Hickson 213432
>
> I believe I proposed something similar before based on a proposal from 1996 in
> www-html[1].
> [1]<http://lists.w3.org/Archives/Public/www-html/1996Aug/0446.html>
On Sat, 18 Dec 2004, Matthew Raymond wrote:
>
> Matthew Thomas had a similar idea:
>
> http://listserver.dreamhost.com/pipermail/whatwg-whatwg.org/2004-December/002600.html
>
> It has a few problems, though. In legacy browsers the column headers aren't
> visible and the content of other fields isn't visible. Here's an improved
> version that works better with legacy user agents:
>
> | <label for="result1">Results of Query 1</label><br>
> | <shead for="result1">
> | <sh sort="asc">Number <sh>Name <sh>Department<br>
> | </shead>
> | <select table id="result1" name="results1" size="4">
> | <option value="234"><sd>234 <sd>Adams, John <sd>Human Resources
> | <option value="33"><sd>33 <sd>Franklin, Ben <sd>Finance
> | <option value="199"><sd>199 <sd>Harrison, W. H. <sd>Marketing
> | <option value="1022"><sd>1022 <sd>Lincoln, Abe <sd>IS
> | <option value="599"><sd>599 <sd>Washington, Marsha <sd>IS
> | </select>
>
> This is what it would look like in XHTML:
>
> | <label for="result1">Results of Query 1</label><br>
> | <shead for="result1">
> | <sh sort="asc">Number</sh> <sh>Name</sh> <sh>Department</sh><br>
> | </shead>
> | <select table id="result1" name="results1" size="4">
> | <option value="234">
> | <sd>234</sd> <sd>Adams, John</sd> <sd>Human Resources</sd>
> | </option>
> | <option value="33">
> | <sd>33</sd> <sd>Franklin, Ben</sd> <sd>Finance</sd>
> | </option>
> | <option value="199" selected>
> | <sd>199</sd> <sd>Harrison, W. H.</sd> <sd>Marketing</sd>
> | </option>
> | <option value="1022">
> | <sd>1022</sd> <sd>Lincoln, Abe</sd> <sd>IS</sd>
> | </option>
> | <option value="599">
> | <sd>599</sd> <sd>Washington, Marsha</sd> <sd>IS</sd>
> | </option>
> | </select>
>
> For a number of existing user agents, the above markup could be
> styled with CSS to give it the appearance of a listview control. In this
> manner, we can support true listview-style controls for HTML5 user
> agents and simulated ones for legacy user agents using the same markup.
>
> (Note that I wanted to create a system that just reused the table
> elements that webmasters are already accustom to using, but making such
> a system work in Internet Explorer is problematic.)
We have <datagrid> now for this use case. For <select>-like behavior we
don't have a good solution, but it's unclear that this is a particularly
common problem -- most drop downs and select boxes i see in my day to day
interaction with my OS aren't tabular.
--
Ian Hickson U+1047E )\._.,--....,'``. fL
http://ln.hixie.ch/ U+263A /, _.. \ _\ ;`._ ,.
Things that are impossible just take longer. `._.-(,_..'--(,_..'`-.;.'
More information about the whatwg
mailing list