HTML and CSS Reference
In-Depth Information
server control markup. Listing 5-19 shows
EditItemTemplate
. For the sake of readability, only the markup
related to HTML5 validation techniques is shown.
Listing 5-19.
EditItemTemplate
of the
FormView
<EditItemTemplate>
<ieldset>
<legend>Basic Details</legend>
<label for="FullName">Full Name :</label>
<asp:DropDownList ... SelectedValue='<%# BindItem.TitleOfCourtesy %>'>
...
</asp:DropDownList>
<asp:TextBox ... required="required" Text="<%# BindItem.FirstName %>"
PlaceHolder="First Name" autofocus="autofocus">...
<asp:TextBox ... required="required" Text="<%# BindItem.LastName %>"
PlaceHolder="Last Name">...
<label for="txtBirthDate">Birth Date :</label>
<asp:TextBox ... TextMode="Date" Text="<%# BindItem.BirthDate %>"
required="required" PlaceHolder="Birth Date" >...
</ieldset>
<ieldset>
<legend>Employment Details</legend>
<label for="lblEmployeeID">Employee ID :</label>
<asp:Label ... Text="<%# BindItem.EmployeeID %>">...
<label for="txtDesig">Current Designation :</label>
<asp:TextBox ... required="required" Text="<%# BindItem.Title %>"
PlaceHolder="Designation" list="lstTitles">...
<datalist id="lstTitles"></datalist>
<label for="txtHireDate">Hire Date :</label>
<asp:TextBox ... TextMode="Date" Text='<%# BindItem.HireDate %>'
required="required" PlaceHolder="Hire Date">...
</ieldset>
<ieldset>
<legend>Contact Details</legend>
<label for="address">Address :</label>
<asp:TextBox ... required="required" Text="<%# BindItem.Address %>"
PlaceHolder="Street Address">...
<asp:TextBox ... required="required" Text='<%# BindItem.City %>'
PlaceHolder="City" >...
<asp:TextBox ... required="required" Text='<%# BindItem.Country %>'
PlaceHolder="Country" >...
<asp:TextBox ... pattern="\d{5}(-\d{4})?" Text='<%# BindItem.PostalCode %>'
required="required" PlaceHolder="Postal Code" >...
<label for="txtPhone">Home Phone :</label><br />
<asp:TextBox ... TextMode="Phone" Text='<%# BindItem.HomePhone %>'
PlaceHolder="(123) 123-1234" >...
</ieldset>
<asp:Button ... Text="Save" CommandName="Update" />
<asp:Button ... ID="btnNew" Text="Add New"
CommandName="New" formnovalidate="formnovalidate" />
