<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;}
span.Stylwiadomocie-mail17
{mso-style-type:personal-reply;
font-family:Arial;
color:navy;}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 70.85pt 70.85pt;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=PL link=blue vlink=blue>
<div class=Section1>
<p class=MsoNormal><font size=2 color=navy face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:navy'>The official
documentation for the </span></font><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'><a
href="http://msdn.microsoft.com/en-us/library/ms533732(VS.85).aspx"><span
lang=EN-US>disabled Property (BUTTON, INPUT type=button, INPUT type=checkbox,
...)</span></a></span></font><font size=2 color=navy face=Arial><span
lang=EN-US style='font-size:10.0pt;font-family:Arial;color:navy'>: contains the
following:<o:p></o:p></span></font></p>
<p class=MsoNormal><b><font size=1 color=black face=Verdana><span lang=EN-US
style='font-size:8.0pt;font-family:Verdana;color:black;font-weight:bold'>Note</span></font></b><font
size=1 color=black face=Verdana><span lang=EN-US style='font-size:8.0pt;
font-family:Verdana;color:black'> For </span></font><font size=1
color=black face=Verdana><span style='font-size:8.0pt;font-family:Verdana;
color:black'><a
href="http://msdn.microsoft.com/en-us/library/ms535876(VS.85).aspx"
id="ctl00_rs1_mainContentContainer_ctl06"><span lang=EN-US>OPTGROUP</span></a></span></font><font
size=1 color=black face=Verdana><span lang=EN-US style='font-size:8.0pt;
font-family:Verdana;color:black'> and </span></font><font size=1 color=black
face=Verdana><span style='font-size:8.0pt;font-family:Verdana;color:black'><a
href="http://msdn.microsoft.com/en-us/library/ms535877(VS.85).aspx"
id="ctl00_rs1_mainContentContainer_ctl07"><span lang=EN-US>OPTION</span></a></span></font><font
size=1 color=black face=Verdana><span lang=EN-US style='font-size:8.0pt;
font-family:Verdana;color:black'>, the functionality specified by the </span></font><font
size=1 color=black face=Verdana><span style='font-size:8.0pt;font-family:Verdana;
color:black'><a href="http://www.w3.org/tr/rec-html40/"
id="ctl00_rs1_mainContentContainer_ctl08"><span lang=EN-US>HTML 4.0</span></a></span></font><font
size=1 color=black face=Verdana><span lang=EN-US style='font-size:8.0pt;
font-family:Verdana;color:black'> </span></font><font size=1 color=black
face=Verdana><span style='font-size:8.0pt;font-family:Verdana;color:black'><img
border=0 width=17 height=11 id="_x0000_i1026"
src="cid:image001.gif@01C93622.CC853640" alt="World Wide Web link"></span></font><font
size=1 color=black face=Verdana><span lang=EN-US style='font-size:8.0pt;
font-family:Verdana;color:black'> standard is not currently implemented. </span></font><font
size=1 color=black face=Verdana><span style='font-size:8.0pt;font-family:Verdana;
color:black'>You can define your own functionality.</span></font><font size=2
color=navy face=Arial><span lang=EN-US style='font-size:10.0pt;font-family:
Arial;color:navy'><o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span style='font-size:10.0pt;
font-family:Tahoma;font-weight:bold'>From:</span></font></b><font size=2
face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
whatwg-bounces@lists.whatwg.org [mailto:whatwg-bounces@lists.whatwg.org] <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> whatwg@whatwg.org<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><o:p></o:p></p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-bottom:12.0pt'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>I just realized that
there is existing support for using a first OPTION as a non-selectable hint
value. Instead of this:<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><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><o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-bottom:12.0pt'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'><br>
One may set two attributes, @disabled and @selected, on the first OPTION:<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><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><o:p></o:p></span></font></p>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><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/">http://weston.ruter.net/projects/test-cases/html-select-element/</a><br>
<br>
<br>
<o:p></o:p></span></font></p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font></p>
</div>
</body>
</html>