Kristof, you are right. This is not implemented in IE 7. However, Microsoft has implemented it in IE 8 Beta 2; that's what I tested in.<br><br><br><div class="gmail_quote">On Fri, Oct 24, 2008 at 12:52 PM, Kristof Zelechovski <span dir="ltr"><<a href="mailto:giecrilj@stegny.2a.pl">giecrilj@stegny.2a.pl</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div link="blue" vlink="blue" lang="PL">
<div>
<p><font color="navy" size="2" face="Arial"><span style="font-size: 10pt; font-family: Arial; color: navy;" lang="EN-US">The official
documentation for the </span></font><font color="navy" size="2" face="Arial"><span style="font-size: 10pt; font-family: Arial; color: navy;"><a href="http://msdn.microsoft.com/en-us/library/ms533732%28VS.85%29.aspx" target="_blank"><span lang="EN-US">disabled Property (BUTTON, INPUT type=button, INPUT type=checkbox,
...)</span></a></span></font><font color="navy" size="2" face="Arial"><span style="font-size: 10pt; font-family: Arial; color: navy;" lang="EN-US">: contains the
following:</span></font></p>
<p><b><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black; font-weight: bold;" lang="EN-US">Note</span></font></b><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;" lang="EN-US"> For </span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;"><a href="http://msdn.microsoft.com/en-us/library/ms535876%28VS.85%29.aspx" target="_blank"><span lang="EN-US">OPTGROUP</span></a></span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;" lang="EN-US"> and </span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;"><a href="http://msdn.microsoft.com/en-us/library/ms535877%28VS.85%29.aspx" target="_blank"><span lang="EN-US">OPTION</span></a></span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;" lang="EN-US">, the functionality specified by the </span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;"><a href="http://www.w3.org/tr/rec-html40/" target="_blank"><span lang="EN-US">HTML 4.0</span></a></span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;" lang="EN-US"> </span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;"><img src="cid:image001.gif@01C93622.CC853640" alt="World Wide Web link" border="0" width="17" height="11"></span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;" lang="EN-US"> standard is not currently implemented. </span></font><font color="black" size="1" face="Verdana"><span style="font-size: 8pt; font-family: Verdana; color: black;">You can define your own functionality.</span></font><font color="navy" size="2" face="Arial"><span style="font-size: 10pt; font-family: Arial; color: navy;" lang="EN-US"></span></font></p>
<p><font color="navy" size="2" face="Arial"><span style="font-size: 10pt; font-family: Arial; color: navy;" lang="EN-US"> </span></font></p>
<div>
<div style="text-align: center;" align="center"><font size="3" face="Times New Roman"><span style="font-size: 12pt;">
<hr align="center" size="2" width="100%">
</span></font></div>
<p><b><font size="2" face="Tahoma"><span style="font-size: 10pt; font-family: Tahoma; font-weight: bold;">From:</span></font></b><font size="2" face="Tahoma"><span style="font-size: 10pt; font-family: Tahoma;">
<a href="mailto:whatwg-bounces@lists.whatwg.org" target="_blank">whatwg-bounces@lists.whatwg.org</a> [mailto:<a href="mailto:whatwg-bounces@lists.whatwg.org" target="_blank">whatwg-bounces@lists.whatwg.org</a>] <b><span style="font-weight: bold;">On Behalf Of </span></b>Weston Ruter<br>
<b><span style="font-weight: bold;">Sent:</span></b> Friday, October 24, 2008
9:40 PM<br>
<b><span style="font-weight: bold;">To:</span></b> <a href="mailto:whatwg@whatwg.org" target="_blank">whatwg@whatwg.org</a><br>
<b><span style="font-weight: bold;">Cc:</span></b> Ian Hickson; Tab Atkins Jr.;
Joao Eiras; Simon Pieters; Robert<br>
<b><span style="font-weight: bold;">Subject:</span></b> Re: [whatwg] [WF2]
<select required></span></font></p>
</div><div class="Ih2E3d">
<p><font size="3" face="Times New Roman"><span style="font-size: 12pt;"> </span></font></p>
<p style="margin-bottom: 12pt;"><font size="3" face="Times New Roman"><span style="font-size: 12pt;">I just realized that
there is existing support for using a first OPTION as a non-selectable hint
value. Instead of this:</span></font></p>
<p><font size="3" face="Times New Roman"><span style="font-size: 12pt;"><select><br>
<option value="[[invalid]]">Select one</option><br>
<option value="">None of these</option><br>
<option value="love it">Love It</option><br>
<option value="hate it">Hate It</option><br>
</select></span></font></p>
<p style="margin-bottom: 12pt;"><font size="3" face="Times New Roman"><span style="font-size: 12pt;"><br>
One may set two attributes, @disabled and @selected, on the first OPTION:</span></font></p>
<p><font size="3" face="Times New Roman"><span style="font-size: 12pt;"><select><br>
<option disabled selected>Select one</option><br>
<option value="">None of these</option><br>
<option value="love it">Love It</option><br>
<option value="hate it">Hate It</option><br>
</select></span></font></p>
<div>
<p><font size="3" face="Times New Roman"><span style="font-size: 12pt;"><br>
The behavior in browsers is that "Select one" is displayed as the
value in the drop-down, and in MSIE it's even grayed out. In Firefox and MSIE,
since the default selected option is disabled, it will not submit a value. In
this case, the option's @value makes no difference and can be an empty string
or any value at all. (Note that Firefox is a little buggy in that when clicking
on the select list, the shown selected option won't change but the value
submitted will change to the first non-disabled value.) Unfortunately, Safari
and Opera submit the disabled option, even though it cannot be selected by
hand. In IE and Firefox, once the one of the options is selected by the user,
they are unable to re-select the disabled option, as with Safari and Opera. <br>
<br>
Here's a demo: <a href="http://weston.ruter.net/projects/test-cases/html-select-element/" target="_blank">http://weston.ruter.net/projects/test-cases/html-select-element/</a><br>
<br>
<br>
</span></font></p>
</div>
<p><font size="3" face="Times New Roman"><span style="font-size: 12pt;"> </span></font></p>
</div></div>
</div>
</blockquote></div><br>