[html5] r7390 - [e] (0) Trying to improve the forms tutorial a bit. Affected topics: HTML
whatwg at whatwg.org
whatwg at whatwg.org
Fri Sep 21 12:56:48 PDT 2012
Author: ianh
Date: 2012-09-21 12:56:47 -0700 (Fri, 21 Sep 2012)
New Revision: 7390
Modified:
complete.html
index
source
Log:
[e] (0) Trying to improve the forms tutorial a bit.
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2012-09-21 06:15:39 UTC (rev 7389)
+++ complete.html 2012-09-21 19:56:47 UTC (rev 7390)
@@ -45800,6 +45800,12 @@
<p><button>Submit order</button></p>
</form></pre>
+ <p class=note>There is no particular significance to the way some
+ of the attributes have their values quoted and others don't. The
+ HTML syntax allows a variety of equally valid ways to specify
+ attributes, as discussed <span title=syntax-attribute>in the
+ syntax section.</span></p>
+
<p>For example, if the customer entered "Denise Lawrence" as their
name, "555-321-8642" as their telephone number, did not specify an
e-mail address, asked for a medium-sized pizza, selected the Extra
@@ -45824,9 +45830,9 @@
<p>The simplest annotation is the <code title=attr-input-required><a href=#attr-input-required>required</a></code> attribute, which can be
specified on <code><a href=#the-input-element>input</a></code> elements to indicate that the form
is not to be submitted until a value is given. By adding this
- attribute to the customer name and delivery time fields, we allow
- the user agent to notify the user when the user submits the form
- without filling in those fields:</p>
+ attribute to the customer name, pizza size, and delivery time
+ fields, we allow the user agent to notify the user when the user
+ submits the form without filling in those fields:</p>
<pre><form method="post"
enctype="application/x-www-form-urlencoded"
@@ -45836,9 +45842,9 @@
<p><label>E-mail address: <input type=email name="custemail"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="small"> Small </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -45867,9 +45873,9 @@
<p><label>E-mail address: <input type=email name="custemail"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -45909,9 +45915,9 @@
<p><label>E-mail address: <input type=email name="custemail" <strong>autocomplete="shipping email"</strong>></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -45949,9 +45955,9 @@
<p><label>E-mail address: <input type=email name="custemail" autocomplete="shipping email"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -46077,7 +46083,7 @@
numbers, where locales differ, for example, in what punctuation is
used as the decimal separator and the thousands separator.</p>
- <p>It therefore is important to distinguish the time, date, and
+ <p>It is therefore important to distinguish the time, date, and
number formats used in HTML and in form submissions, which are
always the formats defined in this specification (and based on the
well-established ISO 8601 standard for computer-readable date and
Modified: index
===================================================================
--- index 2012-09-21 06:15:39 UTC (rev 7389)
+++ index 2012-09-21 19:56:47 UTC (rev 7390)
@@ -45800,6 +45800,12 @@
<p><button>Submit order</button></p>
</form></pre>
+ <p class=note>There is no particular significance to the way some
+ of the attributes have their values quoted and others don't. The
+ HTML syntax allows a variety of equally valid ways to specify
+ attributes, as discussed <span title=syntax-attribute>in the
+ syntax section.</span></p>
+
<p>For example, if the customer entered "Denise Lawrence" as their
name, "555-321-8642" as their telephone number, did not specify an
e-mail address, asked for a medium-sized pizza, selected the Extra
@@ -45824,9 +45830,9 @@
<p>The simplest annotation is the <code title=attr-input-required><a href=#attr-input-required>required</a></code> attribute, which can be
specified on <code><a href=#the-input-element>input</a></code> elements to indicate that the form
is not to be submitted until a value is given. By adding this
- attribute to the customer name and delivery time fields, we allow
- the user agent to notify the user when the user submits the form
- without filling in those fields:</p>
+ attribute to the customer name, pizza size, and delivery time
+ fields, we allow the user agent to notify the user when the user
+ submits the form without filling in those fields:</p>
<pre><form method="post"
enctype="application/x-www-form-urlencoded"
@@ -45836,9 +45842,9 @@
<p><label>E-mail address: <input type=email name="custemail"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="small"> Small </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -45867,9 +45873,9 @@
<p><label>E-mail address: <input type=email name="custemail"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -45909,9 +45915,9 @@
<p><label>E-mail address: <input type=email name="custemail" <strong>autocomplete="shipping email"</strong>></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -45949,9 +45955,9 @@
<p><label>E-mail address: <input type=email name="custemail" autocomplete="shipping email"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -46077,7 +46083,7 @@
numbers, where locales differ, for example, in what punctuation is
used as the decimal separator and the thousands separator.</p>
- <p>It therefore is important to distinguish the time, date, and
+ <p>It is therefore important to distinguish the time, date, and
number formats used in HTML and in form submissions, which are
always the formats defined in this specification (and based on the
well-established ISO 8601 standard for computer-readable date and
Modified: source
===================================================================
--- source 2012-09-21 06:15:39 UTC (rev 7389)
+++ source 2012-09-21 19:56:47 UTC (rev 7390)
@@ -53503,6 +53503,12 @@
<p><button>Submit order</button></p>
</form></pre>
+ <p class="note">There is no particular significance to the way some
+ of the attributes have their values quoted and others don't. The
+ HTML syntax allows a variety of equally valid ways to specify
+ attributes, as discussed <span title="syntax-attribute">in the
+ syntax section</a>.</p>
+
<p>For example, if the customer entered "Denise Lawrence" as their
name, "555-321-8642" as their telephone number, did not specify an
e-mail address, asked for a medium-sized pizza, selected the Extra
@@ -53528,9 +53534,9 @@
title="attr-input-required">required</code> attribute, which can be
specified on <code>input</code> elements to indicate that the form
is not to be submitted until a value is given. By adding this
- attribute to the customer name and delivery time fields, we allow
- the user agent to notify the user when the user submits the form
- without filling in those fields:</p>
+ attribute to the customer name, pizza size, and delivery time
+ fields, we allow the user agent to notify the user when the user
+ submits the form without filling in those fields:</p>
<pre><form method="post"
enctype="application/x-www-form-urlencoded"
@@ -53540,9 +53546,9 @@
<p><label>E-mail address: <input type=email name="custemail"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="small"> Small </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size<strong> required</strong> value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -53571,9 +53577,9 @@
<p><label>E-mail address: <input type=email name="custemail"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -53613,9 +53619,9 @@
<p><label>E-mail address: <input type=email name="custemail" <strong>autocomplete="shipping email"</strong>></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -53653,9 +53659,9 @@
<p><label>E-mail address: <input type=email name="custemail" autocomplete="shipping email"></label></p>
<fieldset>
<legend> Pizza Size </legend>
- <p><label> <input type=radio name=size value="small"> Small </label></p>
- <p><label> <input type=radio name=size value="medium"> Medium </label></p>
- <p><label> <input type=radio name=size value="large"> Large </label></p>
+ <p><label> <input type=radio name=size required value="small"> Small </label></p>
+ <p><label> <input type=radio name=size required value="medium"> Medium </label></p>
+ <p><label> <input type=radio name=size required value="large"> Large </label></p>
</fieldset>
<fieldset>
<legend> Pizza Toppings </legend>
@@ -53793,7 +53799,7 @@
numbers, where locales differ, for example, in what punctuation is
used as the decimal separator and the thousands separator.</p>
- <p>It therefore is important to distinguish the time, date, and
+ <p>It is therefore important to distinguish the time, date, and
number formats used in HTML and in form submissions, which are
always the formats defined in this specification (and based on the
well-established ISO 8601 standard for computer-readable date and
More information about the Commit-Watchers
mailing list