fix examples where the input element is inline with the label text (#…

…33714)

aspnetcore/blazor/components/class-libraries-and-static-server-side-rendering.md

@@ -101,7 +101,7 @@ Consider the following example:
     <DataAnnotationsValidator />
     <ValidationSummary />
 
-    <p>Name: <InputText @bind-Value="Item.Name" /></p>
+    <p><label>Name: <InputText @bind-Value="Item.Name" /></label></p>
 
     <button type="submit">Submit</button>
 </EditForm>

aspnetcore/data/ef-mvc/intro/samples/cu-final/Views/Students/Index.cshtml

@@ -13,7 +13,7 @@
 <form asp-action="Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["CurrentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["CurrentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-action="Index">Back to Full List</a>
         </p>

aspnetcore/data/ef-mvc/intro/samples/cu/Views/Students/Index.cshtml

@@ -13,7 +13,7 @@
 <form asp-action="Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["CurrentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["CurrentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-action="Index">Back to Full List</a>
         </p>

aspnetcore/data/ef-mvc/intro/samples/cu/Views/Students/Index3.cshtml

@@ -13,7 +13,7 @@
 <form asp-action="Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["CurrentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["CurrentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-action="Index">Back to Full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form asp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" />
+            <label>Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part3-sorting/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form sp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" />
+            <label>Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part4-migrations/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form sp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part5-complex/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form sp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part6-related/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form sp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part7/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form sp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part8/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form sp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" />
+            <label>Find by name: <input type="text" name="SearchString" value="@ViewData["currentFilter"]" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu21/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form asp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" />
+            <label>Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu21snapshots/Part-3-Sorting/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form asp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" />
+            <label>Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu21snapshots/Part-4-Migrations/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form asp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" />
+            <label>Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/data/ef-rp/intro/samples/cu21snapshots/Part-5/Pages/Students/Index.cshtml

@@ -14,7 +14,7 @@
 <form asp-page="./Index" method="get">
     <div class="form-actions no-color">
         <p>
-            Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" />
+            <label>Find by name: <input type="text" name="SearchString" value="@Model.CurrentFilter" /></label>
             <input type="submit" value="Search" class="btn btn-default" /> |
             <a asp-page="./Index">Back to full List</a>
         </p>

aspnetcore/mvc/models/model-binding.md

@@ -498,9 +498,9 @@ public class PersonController
 ```cshtml
 @model Person
 
-Name: <input asp-for="Name" />
+<label>Name: <input asp-for="Name" /></label>
 <br />
-Age: <input asp-for="Age" />
+<label>Age: <input asp-for="Age" /></label>
 ```
 
 When validating record types, the runtime searches for binding and validation metadata specifically on parameters rather than on properties.

aspnetcore/mvc/models/model-binding/includes/model-binding7.md

@@ -484,9 +484,9 @@ public class PersonController
 ```cshtml
 @model Person
 
-Name: <input asp-for="Name" />
+<label>Name: <input asp-for="Name" /></label>
 <br />
-Age: <input asp-for="Age" />
+<label>Age: <input asp-for="Age" /></label>
 ```
 
 When validating record types, the runtime searches for binding and validation metadata specifically on parameters rather than on properties.
@@ -1117,9 +1117,9 @@ public class PersonController
 ```cshtml
 @model Person
 
-Name: <input asp-for="Name" />
+<label>Name: <input asp-for="Name" /></label>
 <br />
-Age: <input asp-for="Age" />
+<label>Age: <input asp-for="Age" /></label>
 ```
 
 When validating record types, the runtime searches for binding and validation metadata specifically on parameters rather than on properties.
@@ -1764,9 +1764,9 @@ public class PersonController
 ```cshtml
 @model Person
 
-Name: <input asp-for="Name" />
+<label>Name: <input asp-for="Name" /></label>
 ...
-Age: <input asp-for="Age" />
+<label>Age: <input asp-for="Age" /></label>
 ```
 
 When validating record types, the runtime searches for binding and validation metadata specifically on parameters rather than on properties.

aspnetcore/mvc/views/razor.md

@@ -412,7 +412,7 @@ In C#, a `using` statement is used to ensure an object is disposed. In Razor, th
 @using (Html.BeginForm())
 {
     <div>
-        Email: <input type="email" id="Email" value="">
+        <label>Email: <input type="email" id="Email" value=""></label>
         <button>Register</button>
     </div>
 }

aspnetcore/mvc/views/working-with-forms.md

@@ -505,14 +505,14 @@ The generated HTML (when the model is valid):
 
 ```html
 <form action="/DemoReg/Register" method="post">
-  Email:  <input name="Email" id="Email" type="email" value=""
+  <label>Email: <input name="Email" id="Email" type="email" value=""
    data-val-required="The Email field is required."
    data-val-email="The Email field is not a valid email address."
-   data-val="true"><br>
+   data-val="true"></label><br>
   <span class="field-validation-valid" data-valmsg-replace="true"
    data-valmsg-for="Email"></span><br>
-  Password: <input name="Password" id="Password" type="password"
-   data-val-required="The Password field is required." data-val="true"><br>
+  <label>Password: <input name="Password" id="Password" type="password"
+   data-val-required="The Password field is required." data-val="true"></label><br>
   <span class="field-validation-valid" data-valmsg-replace="true"
    data-valmsg-for="Password"></span><br>
   <button type="submit">Register</button>

aspnetcore/mvc/views/working-with-forms/sample/final/Views/Demo/RegisterAddress.cshtml

@@ -1,8 +1,8 @@
 @model RegisterAddressViewModel
 
 <form asp-controller="Demo" asp-action="RegisterAddress" method="post">
-    Email:  <input asp-for="Email" /> <br />
-    Password: <input asp-for="Password" /><br />
-    Address: <input asp-for="Address.AddressLine1" /><br />
+    <label>Email: <input asp-for="Email" /></label> <br />
+    <label>Password: <input asp-for="Password" /></label><br />
+    <label>Address: <input asp-for="Address.AddressLine1" /></label><br />
     <button type="submit">Register</button>
 </form>

aspnetcore/mvc/views/working-with-forms/sample/final/Views/Demo/RegisterInput.cshtml

@@ -1,7 +1,7 @@
 @model RegisterViewModel
 
 <form asp-controller="Demo" asp-action="RegisterInput" method="post">
-    Email:  <input asp-for="Email" /> <br />
-    Password: <input asp-for="Password" /><br />
+    <label>Email: <input asp-for="Email" /></label> <br />
+    <label>Password: <input asp-for="Password" /></label><br />
     <button type="submit">Register</button>
 </form>

aspnetcore/mvc/views/working-with-forms/sample/final/Views/Demo/RegisterValidation.cshtml

@@ -2,9 +2,9 @@
 
 <form asp-controller="Demo" asp-action="RegisterValidation" method="post">
     <div asp-validation-summary="ModelOnly"></div>
-    Email:  <input asp-for="Email" /> <br />
+    <label>Email: <input asp-for="Email" /></label> <br />
     <span asp-validation-for="Email"></span><br />
-    Password: <input asp-for="Password" /><br />
+    <label>Password: <input asp-for="Password" /></label><br />
     <span asp-validation-for="Password"></span><br />
     <button type="submit">Register</button>
 </form>

aspnetcore/razor-pages/index/sample/RazorPagesContacts/Pages/Create.cshtml

@@ -9,7 +9,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <input type="submit" />
     </form>
 </body>

aspnetcore/razor-pages/index/sample/RazorPagesContacts2/Pages/Customers/Create.cshtml

@@ -8,7 +8,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <input type="submit" />
     </form>
 </body>

aspnetcore/razor-pages/index/sample/RazorPagesContacts2/Pages/Customers/Create2Dot.cshtml

@@ -8,7 +8,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <input type="submit" />
     </form>
 </body>

aspnetcore/razor-pages/index/sample/RazorPagesContacts2/Pages/Customers/CreateBlank.cshtml

@@ -8,7 +8,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <input type="submit" />
     </form>
 </body>

aspnetcore/razor-pages/index/sample/RazorPagesContacts2/Pages/Customers/CreateDot.cshtml

@@ -8,7 +8,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <input type="submit" />
     </form>
 </body>

aspnetcore/razor-pages/index/sample/RazorPagesContacts2/Pages/Customers/CreateFATH.cshtml

@@ -8,7 +8,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <!-- <snippet_Handlers> -->
         <input type="submit" asp-page-handler="JoinList" value="Join" />
         <input type="submit" asp-page-handler="JoinListUC" value="JOIN UC" />

aspnetcore/razor-pages/index/sample/RazorPagesContacts2/Pages/Customers/CreateRoute.cshtml

@@ -8,7 +8,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <input type="submit" asp-page-handler="JoinList" value="Join" />
         <input type="submit" asp-page-handler="JoinListUC" value="JOIN UC" />
     </form>

aspnetcore/razor-pages/index/sample/RazorPagesContacts2/Pages/Customers/CreateTempData.cshtml

@@ -8,7 +8,7 @@
     </p>
     <div asp-validation-summary="All"></div>
     <form method="POST">
-        <div>Name: <input asp-for="Customer.Name" /></div>
+        <div><label>Name: <input asp-for="Customer.Name" /></label></div>
         <input type="submit" />
     </form>
 </body>

aspnetcore/release-notes/aspnetcore-5.0.md

@@ -43,10 +43,10 @@ The `Person/Index.cshtml` file:
 ```cshtml
 @model Person
 
-Name: <input asp-for="Model.Name" />
+<label>Name: <input asp-for="Model.Name" /></label>
 <span asp-validation-for="Model.Name" />
 
-Age: <input asp-for="Model.Age" />
+<label>Age: <input asp-for="Model.Age" /></label>
 <span asp-validation-for="Model.Age" />
 ```
 

aspnetcore/security/anti-request-forgery/samples/2.x/MvcSample/Views/Home/Index.cshtml

@@ -11,7 +11,7 @@
         <h2>Form 1</h2>
         <form asp-action="SamplePost" method="post">
             <div>
-                Message: <input type="text" name="message" />
+                <label>Message: <input type="text" name="message" /></label>
                 <input type="submit" value="Send" />
             </div>
         </form>
@@ -21,7 +21,7 @@
         @using (Html.BeginForm("SamplePost", "Home"))
         {
             <div>
-                Message: <input type="text" name="message" />
+                <label>Message: <input type="text" name="message" /></label>
                 <input type="submit" value="Send" />
             </div>
         }
@@ -31,7 +31,7 @@
         <form action="/home/samplepost" method="post">
             @Html.AntiForgeryToken()
             <div>
-                Message: <input type="text" name="message" />
+                <label>Message: <input type="text" name="message" /></label>
                 <input type="submit" value="Send" />
             </div>
         </form>

aspnetcore/tutorials/first-mvc-app-xplat/start-mvc/sample/MvcMovie/Views/Movies/Index.cshtml

@@ -16,7 +16,7 @@
             <option value="">All</option>
         </select>
 
-        Title: <input type="text" name="SearchString">
+        <label>Title: <input type="text" name="SearchString"></label>
         <input type="submit" value="Filter" />
     </p>
 </form>

aspnetcore/tutorials/first-mvc-app/start-mvc/sample/2.2-completed/Views/Movies/Index.cshtml

@@ -16,7 +16,7 @@
             <option value="">All</option>
         </select>
 
-        Title: <input asp-for="SearchString">
+        <label>Title: <input asp-for="SearchString"></label>
         <input type="submit" value="Filter" />
     </p>
 </form>

aspnetcore/tutorials/first-mvc-app/start-mvc/sample/6.0-completed/Views/Movies/Index.cshtml

@@ -16,7 +16,7 @@
             <option value="">All</option>
         </select>
 
-        Title: <input type="text" asp-for="SearchString" />
+        <label>Title: <input type="text" asp-for="SearchString" /></label>
         <input type="submit" value="Filter" />
     </p>
 </form>

aspnetcore/tutorials/first-mvc-app/start-mvc/sample/7.0-completed/Views/Movies/Index.cshtml

@@ -16,7 +16,7 @@
             <option value="">All</option>
         </select>
 
-        Title: <input type="text" asp-for="SearchString" />
+        <label>Title: <input type="text" asp-for="SearchString" /></label>
         <input type="submit" value="Filter" />
     </p>
 </form>