W3C home > Mailing lists > Public > public-html-diffs@w3.org > February 2009

spec/Overview.html 1.1935 2765 Filling in the rendering section: <input

From: poot <cvsmail@w3.org>
Date: Sat, 7 Feb 2009 08:53:23 +0900 (JST)
To: public-html-diffs@w3.org
Message-Id: <20090206235323.806022BC83@toro.w3.mag.keio.ac.jp>

Filling in the rendering section: <input type=text>; also, some tweaks
to <img>'s requirements. (whatwg r2765)

10.4.6 The input element as a text entry widget
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#the-input-element-as-a-text-entry-widget
8.2.4.4 Close tag open state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#close-tag-open-state
Index
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#index
10.4.8 The input element as a range control
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#the-input-element-as-a-range-control
10.2.7 Resetting rules for inherited properties
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#resetting-rules-for-inherited-properties
10.2.8 The hr element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#the-hr-element-0
alt
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#attr-img-alt
converting a character width to pixels
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#converting-a-character-width-to-pixels
10.4.7 The input element as domain-specific widgets
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#the-input-element-as-domain-specific-widgets
10.2.9 The fieldset element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#the-fieldset-element-0
4.8.2.1.9 A key part of the content
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#a-key-part-of-the-content
10.4.5 The details element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#the-details-element-0
10.3.2 Images
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1935.html#images-0

http://people.w3.org/mike/diffs/html5/spec/Overview.diff.html
http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.1934&r2=1.1935&f=h
http://html5.org/tools/web-apps-tracker?from=2764&to=2765

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.1934
retrieving revision 1.1935
diff -u -d -r1.1934 -r1.1935
--- Overview.html	6 Feb 2009 02:15:55 -0000	1.1934
+++ Overview.html	6 Feb 2009 23:50:10 -0000	1.1935
@@ -12426,7 +12426,13 @@
   is disabled, or because the <code title=attr-img-src><a href=#attr-img-src>src</a></code>
   attribute's value is an <i>ignored self-reference</i>), or if the
   conditions in the previous paragraph are not met, then the image is
-  <em>not</em> <i>available</i>.<p>Whether the image is fetched successfully or not (e.g. whether
+  <em>not</em> <i>available</i>.<p class=note>An image might be <i>available</i> in one
+  <a href=#view>view</a> but not another. For instance, a
+  <code>Document</code> could be rendered by a screen reader providing
+  a speech synthesis view of the output of a Web browser using the
+  screen media. In this case, the image would be <i>available</i> in
+  the Web browser's screen view, but <em>not</em> <i>available</i> in
+  the screen reader's view.<p>Whether the image is fetched successfully or not (e.g. whether
   the response code was a 2xx code <a href=#concept-http-equivalent-codes title=concept-http-equivalent-codes>or equivalent</a>) must be
   ignored when determining the image's type and whether it is a valid
   image.<p class=note>This allows servers to return images with error
@@ -12500,6 +12506,10 @@
     <p>The image might be a key part of the content, and there is no
     textual equivalent of the image available.</p>
 
+    <p class=note>In a conforming document, the absence of the <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute indicates that the image
+    is a key part of the content but that a textual replacement for
+    the image was not available when the image was generated.</p>
+
     <p>If the image is <i>available</i>, the element
     <a href=#represents>represents</a> the image specified by the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute.</p>
 
@@ -13074,10 +13084,9 @@
     <p>When it is possible for detailed alternative text to be
     provided, for example if the image is part of a series of
     screenshots in a magazine review, or part of a comic strip, or is
-    a photograph in a blog entry about that photograph, text that
-    conveys can serve as a substitute for the image must be given as
-    the contents of the <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code>
-    attribute.</p>
+    a photograph in a blog entry about that photograph, text that can
+    serve as a substitute for the image must be given as the contents
+    of the <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute.</p>
 
     <div class=example>
 
@@ -39229,8 +39238,8 @@
   instance of the tokeniser (<a href=#fragment-case>fragment case</a>), or, if the
   <a href=#content-model-flag>content model flag</a> is set to the RCDATA or CDATA states
   and the next few characters do not match the tag name of the last
-  start tag token emitted (compared in an <span>ASCII case
-  insensitive</span> manner), or if they do but they are not
+  start tag token emitted (compared in an <a href=#ascii-case-insensitive>ASCII
+  case-insensitive</a> manner), or if they do but they are not
   immediately followed by one of the following characters:<ul class=brief><li>U+0009 CHARACTER TABULATION</li>
    <li>U+000A LINE FEED (LF)</li>
    <li>U+000C FORM FEED (FF)</li>
@@ -46916,7 +46925,9 @@
   line-height: initial;
   white-space: initial;
   text-align: initial;
-}</pre><h4 id=the-hr-element-0><span class=secno>10.2.8 </span>The <code><a href=#the-hr-element>hr</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+}
+
+input { box-sizing: border-box; }</pre><h4 id=the-hr-element-0><span class=secno>10.2.8 </span>The <code><a href=#the-hr-element>hr</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
 hr { color: gray; border-style: inset; border-width: 1px; }</pre><p>The following rules are also expected to apply, as
   <a href=#presentational-hints>presentational hints</a>:<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -46957,7 +46968,7 @@
   <code><a href=#the-fieldset-element>fieldset</a></code> element, if any, is expected to be rendered
   over the top border edge of the <code><a href=#the-fieldset-element>fieldset</a></code> element. If
   the <code><a href=#the-legend-element>legend</a></code> element in question has an <code title=attr-legend-align>align</code> attribute, and its value is
-  an <span>ASCII case insensitive</span> match for one of the strings
+  an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for one of the strings
   in the first column of the following table, then the
   <code><a href=#the-legend-element>legend</a></code> is expected to be rendered horizontally aligned
   over the border edge in the position given in the corresponding cell
@@ -47019,13 +47030,14 @@
   is the element's alternative text. The intrinsic dimensions of the
   button are expected to be about one line in height and whatever
   width is necessary to render the text on one line.<p>The icons mentioned above are expected to be relatively small so
-  as not to disrupt most text but be easily clickable, for instance 16
-  pixels by 16 pixels square, or 1em by 1em if the images are
-  scalable. The images are intended to indicate to the user that they
-  can be used to get to whatever options the UA provides for images,
-  and, where appropriate, are expected to provide access to the
-  context menu that would have come up if the user interacted with the
-  actual image.</p><hr><p>The following CSS rules are expected to apply when the
+  as not to disrupt most text but be easily clickable. In a visual
+  environment, for instance, icons could be 16 pixels by 16 pixels
+  square, or 1em by 1em if the images are scalable. In an audio
+  environment, the icon could be a short bleep. The icons are intended
+  to indicate to the user that they can be used to get to whatever
+  options the UA provides for images, and, where appropriate, are
+  expected to provide access to the context menu that would have come
+  up if the user interacted with the actual image.</p><hr><p>The following CSS rules are expected to apply when the
   <code>Document</code> is in <a href=#quirks-mode>quirks mode</a>:<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
 img[align=left] { margin-right: 3px; }
@@ -47157,8 +47169,34 @@
 
 
 
-
-  <h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.6 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, <a href=#e-mail-state title=attr-input-type-email>E-mail</a>, or <a href=#password-state title=attr-input-type-password>Password</a> state, ...</p><!-- datalist presentation --><!-- size: http://mxr.mozilla.org/mozilla-central/ident?i=CalcIntrinsicSize --><h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.7 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4><p class=XXX>When an <code><a href=#the-iput-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>, <a href=#date-state title=attr-input-type-date>Date</a>, <a href=#month-state title=attr-input-type-month>Month</a>, <a href=#week-state title=attr-input-type-week>Week</a>, <a href=#time-state title=attr-input-type-time>Time</a>, <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> or
+  <h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.6 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+input { binding: <i title="">textfield</i>; }
+input[type=password] { binding: <i title="">textfield-password</i>; }
+/* later rules override this for other values of type="" */</pre><p>When the <i title="">textfield</i> binding applies to an
+  <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the element is
+  expected to render as an 'inline-block' box rendered as a text
+  field.<p>When the <i title="">textfield</i> binding applies, to an
+  <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#password-state title=attr-input-type-password>Password</a> state, the element
+  is expected to render as an 'inline-block' box rendered as a text
+  field whose contents are obscured.<p>If an <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in one of the above
+  states has a <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute,
+  and parsing that attribute's value using the <a href=#rules-for-parsing-non-negative-integers>rules for parsing
+  non-negative integers</a> doesn't generate an error, then the
+  user agent is expected to use the attribute as a
+  <a href=#presentational-hints>presentational hints</a> for the 'width' property on the
+  element, with the value obtained from applying the <a href=#converting-a-character-width-to-pixels>converting
+  a character width to pixels</a> algorithm to the value of the
+  attribute.<p>If an <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in one of the above
+  states does <em>not</em> have a <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute, then the user agent
+  is expected to act as if it had a user-agent-level style sheet rule
+  setting the 'width' property on the element to the value obtained
+  from applying the <a href=#converting-a-character-width-to-pixels>converting a character width to
+  pixels</a> algorithm to the number 20.<p>The <dfn id=converting-a-character-width-to-pixels>converting a character width to pixels</dfn> algorithm
+  return <span>(<var title="">size-1</var>)&times;<var title="">avg</var>&nbsp;+&nbsp;<var title="">max</var></span>, where
+  <var title="">size</var> is the character width to convert, <var title="">avg</var> is the average character width of the primary
+  font for the element for which the algorithm is being run, and <var title="">max</var> is the maximum character width of that same
+  font. (The element's 'letter-spacing' property does not affect the
+  result.)<h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.7 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>, <a href=#date-state title=attr-input-type-date>Date</a>, <a href=#month-state title=attr-input-type-month>Month</a>, <a href=#week-state title=attr-input-type-week>Week</a>, <a href=#time-state title=attr-input-type-time>Time</a>, <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> or
   <a href=#number-state title=attr-input-type-number>Number</a> state...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-range-control><span class=secno>10.4.8 </span>The <code><a href=#the-input-element>input</a></code> element as a range control</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#range-state title=attr-input-type-range>Range</a> state, ...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-color-well><span class=secno>10.4.9 </span>The <code><a href=#the-input-element>input</a></code> element as a color well</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#color-state title=attr-input-type-color>Color</a> state, ...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-check-box-widget><span lass=secno>10.4.10 </span>The <code><a href=#the-input-element>input</a></code> element as a check box widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, ...<h4 id=the-input-element-as-a-radio-button-widget><span class=secno>10.4.11 </span>The <code><a href=#the-input-element>input</a></code> element as a radio button widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, ...<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.4.12 </span>The <code><a href=#the-input-element>input</a></code> element as a file upload control</h4><p class=XXX>When an <code><a href=#the-input-element>input/a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#file-upload-state title=attr-input-type-file>File Upload</a> state, ...<h4 id=the-input-element-as-a-button><span class=secno>10.4.13 </span>The <code><a href=#the-input-element>input</a></code> element as a button</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state, ...<h4 id=the-marquee-element><span class=secno>10.4.14 </span>The <code><a href=#the-marquee-element-0>marquee</a></code> element</h4><p class=XXX>...</p><!-- XXX attributes: height/width; direction is case insensitive; bgcolor; hspace/vspace --><h4 id=the-meter-element-0><span class=secno>0.4.15 </span>The <code><a href=#the-meter-element>meter</a></code> element</h4><p class=XXX>...<h4 id=the-progress-element-0><span class=secno>10.4.16 </span>The <code><a href=#the-progress-element>progress</a></code> element</h4><p class=XXX>...<h4 id=the-select-element-0><span class=secno>10.4.17 </span>The <code><a href=#the-select-element>select</a></code> element</h4><p class=XXX>...</p><!-- multiple, size; optgroup --><h4 id=the-textarea-element-0><span class=secno>10.4.18 </span>The <code><a href=#the-textarea-element>textarea</a></code> element</h4><p class=XXX>...<h3 id=frames-and-framesets><span class=secno>10.5 </span>Frames and framesets</h3><p>When an <code><a href=#the-html-element>html</a></code> element's second child element is a
   <code>frameset</code> element, the user agent is expected to render
   the <code>frameset</code> element as described below across the
@@ -47778,27 +47816,28 @@
   Smith, Geoffrey Garen, Geoffrey Sneddon, George Lund, H&aring;kon
   Wium Lie, Hans S. T&oslash;mmerhalt, Henri Sivonen, Henrik Lied,
   Henry Mason, Hugh Winkler, Ignacio Javier, Ivo Emanuel
-  Gon&ccedil;alves, J. King, Jacques Distler, James Graham, James
-  Justin Harrell, James M Snell, James Perrett, Jan-Klaas Kollhof,
-  Jason White, Jasper Bryant-Greene, Jed Hartman, Jeff Cutsinger, Jeff
-  Schiller, Jeff Walden, Jens Bannmann, Jens Fendler, Jeroen van der
-  Meer, Jim Jewett, Jim Meehan, Joe Clark, John Fallows, Joseph
-  Kesselman, Jjgod Jiang, Joel Spolsky, Johan Herland, John Boyer,
-  John Bussjaeger, John Harding, Johnny Stenback, Jon Gibbins, Jon
-  Perlow, Jonathan Worent, Jorgen Horstink, Josh Levenberg, Joshua
-  Randall, Jukka K. Korpela, Jules Cl&eacute;ment-Ripoche, Julian
-  Reschke, Kai Hendry, Kartikaya Gupta, <!-- Keryx Web, = Lars Gunther
-  --> Kornel Lesinski, &#40658;&#28580;&#21083;&#24535; (KUROSAWA
-  Takeshi), Kristof Zelechovski, Kyle Hofmann, Lachlan Hunt, Larry
-  Page, Lars Gunther, Laura L. Carlson, Laura Wisewell, Laurens Holst,
-  Lee Kowalkowski, Leif Halvard Silli, Lenny Domnitser, L&eacute;onard
-  Bouchet, Leons Petrazickis, Logan<!-- on moz irc -->, Loune, Maciej
-  Stachowiak, Magnus Kristiansen<!-- Dashiva -->, Maik Merten, Malcolm
-  Rowe, Mark Nottingham, Mark Rowe<!--bdash-->, Mark Schenk, Martijn
-  Wargers, Martin Atkins, Martin D&uuml;rst, Martin Honnen, Masataka
-  Yakura, Mathieu Henri, Matthew Gregan, Matthew Mastracci, Matthew
-  Raymond, Matthew Thomas, Mattias Waldau, Max Romantschuk, Michael
-  'Ratt' Iannarelli, Michael A. Nachbaur, Michael A. Puls
+  Gon&ccedil;alves, J. King, Jacques Distler, James Craig, James
+  Graham, James Justin Harrell, James M Snell, James Perrett,
+  Jan-Klaas Kollhof, Jason White, Jasper Bryant-Greene, Jed Hartman,
+  Jeff Cutsinger, Jeff Schiller, Jeff Walden, Jens Bannmann, Jens
+  Fendler, Jeroen van der Meer, Jim Jewett, Jim Meehan, Joe Clark,
+  John Fallows, Joseph Kesselman, Jjgod Jiang, Joel Spolsky, Johan
+  Herland, John Boyer, John Bussjaeger, John Harding, Johnny Stenback,
+  Jon Gibbins, Jon Perlow, Jonathan Worent, Jorgen Horstink, Josh
+  Levenberg, Joshua Randall, Jukka K. Korpela, Jules
+  Cl&eacute;ment-Ripoche, Julian Reschke, Kai Hendry, Kartikaya Gupta,
+  <!-- Keryx Web, = Lars Gunther --> Kornel Lesinski,
+  &#40658;&#28580;&#21083;&#24535; (KUROSAWA Takeshi), Kristof
+  Zelechovski, Kyle Hofmann, Lachlan Hunt, Larry Page, Lars Gunther,
+  Laura L. Carlson, Laura Wisewell, Laurens Holst, Lee Kowalkowski,
+  Leif Halvard Silli, Lenny Domnitser, L&eacute;onard Bouchet, Leons
+  Petrazickis, Logan<!-- on moz irc -->, Loune, Maciej Stachowiak,
+  Magnus Kristiansen<!-- Dashiva -->, Maik Merten, Malcolm Rowe, Mark
+  Nottingham, Mark Rowe<!--bdash-->, Mark Schenk, Martijn Wargers,
+  Martin Atkins, Martin D&uuml;rst, Martin Honnen, Masataka Yakura,
+  Mathieu Henri, Matthew Gregan, Matthew Mastracci, Matthew Raymond,
+  Matthew Thomas, Mattias Waldau, Max Romantschuk, Michael 'Ratt'
+  Iannarelli, Michael A. Nachbaur, Michael A. Puls
   II<!--Shadow2531-->, Michael Carter, Michael Gratton, Michael
   Nordman, Michael Powers, Michael(tm) Smith, Michel Fortin, Michiel
   van der Blonk, Mihai &#350;ucan<!-- from ROBO Design -->, Mike
Received on Friday, 6 February 2009 23:54:01 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Saturday, 18 December 2010 06:13:58 GMT