In this step you will add a few standard HTML controls using markup.
<ul class="formdecorator">
<li>
<h3>TextArea</h3>
<asp:TextBox runat="server" ID="TextBox3" TextMode="MultiLine"></asp:TextBox>
</li>
<li>
<h3>Drop-down list of options
<asp:DropDownList ID="DropDownList1" runat="server" Height="16px" Width="132px">
<asp:ListItem Text="OptionA" Value="A"></asp:ListItem>
<asp:ListItem Text="OptionB" Value="B"></asp:ListItem>
<asp:ListItem Text="OptionC" Value="C"></asp:ListItem>
<asp:ListItem Text="OptionD" Value="D"></asp:ListItem>
<asp:ListItem Text="OptionE" Value="E"></asp:ListItem>
</asp:DropDownList>
<cc1:C1DropdownExtender ID="DropDownList1_C1DropdownExtender" runat="server"
TargetControlID="DropDownList1">
</cc1:C1DropdownExtender>
</li>
<li>
<h3>CheckBox</h3>
<input id="checkbox1" type="checkbox" /><label for="checkbox1">checkbox1</label>
<input id="checkbox2" type="checkbox" /><label for="checkbox2">checkbox2</label>
<input id="checkbox3" type="checkbox" /><label for="checkbox3">checkbox3</label>
<input id="checkbox4" type="checkbox" /><label for="checkbox4">checkbox4</label>
</li>
<li>
<h3>Radio</h3>
<input type="radio" name="radiobutton1" id="radio1" /><label for="radio1">radio1</label>
<input type="radio" name="radiobutton1" id="radio2" /><label for="radio2">radio2</label>
<input type="radio" name="radiobutton1" id="radio3" /><label for="radio3">radio3</label>
<input type="radio" name="radiobutton1" id="radio4" /><label for="radio4">radio4</label>
</li>
<li>
<h3>Button</h3>
<input type="button" name="button1" value="Submit" />
</li>
</ul>
Now you can add the corresponding extender controls.