Merge pull request #228 from w3c/yatil-dev-structure-form-exsample

Thou shalt not alter the form’s role
w3c · Sep 17, 2015 · fab718e · fab718e
2 parents 6076134 + 338821d
commit fab718e
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/source/developing.html.erb.md b/source/developing.html.erb.md
@@ -135,11 +135,13 @@ Use appropriate mark-up for headings, lists, tables, etc. HTML5 provides additio
 <div class="mark-up">
   <figure>
     <% html_example do %>
-    <form action="" role="search">
-      <label for="search">Search</label>
-      <input type="search" aria-describedby="search-help">
-      <div id="search-help">Search records by customer id or name</div>
-      <button type="submit">Go</button>
+    <form action="">
+      <div role="search">
+        <label for="search">Search</label>
+        <input type="search" id="search" aria-describedby="search-help">
+        <div id="search-help">Search records by customer id or name</div>
+        <button type="submit">Go</button>
+      </div>
     </form>
     <% end %>
   </figure>