Scribd
Upload
53 views

Lab: Creating A Web Form: Sample Source Code For A Form Using Bootstrap

The document describes how to create a web form using various controls including textboxes, password fields, dropdown lists, radio buttons, checkboxes and buttons. It provides an example of sample source code for a form using Bootstrap that includes controls for product name and description textboxes, email and SMS checkboxes, and an Add Product button.

Uploaded by

cova
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
53 views

Lab: Creating A Web Form: Sample Source Code For A Form Using Bootstrap

The document describes how to create a web form using various controls including textboxes, password fields, dropdown lists, radio buttons, checkboxes and buttons. It provides an example of sample source code for a form using Bootstrap that includes controls for product name and description textboxes, email and SMS checkboxes, and an Add Product button.

Uploaded by

cova
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Lab: Creating a Web Form

1. Textbox control:
First Name, Surname, User Name, Email, mobile number, zip code

2. Password control: Password field and Confirm Password field.

3. Date control: Date of Birth

4. Dropdown list control: Country

5. Radio buttons: Local resident or foreign

6. Checkbox control: To receive emails

7. Button controls: Submit and Cancel

Sample source code for a form using Bootstrap:

<div class="form-horizontal">
<h4>Working with Server controls</h4>
<hr />

<div class="form-group row justify-content-center">


<asp:Label runat="server" CssClass="col-md-2 col-form-
label">Product name</asp:Label>
<div class="col-md-8">
<asp:TextBox runat="server" ID="txtProdName" CssClass="form-
control" />
</div>
</div>

P Kanaksabee 1
<div class="form-group row justify-content-center">
<asp:Label runat="server" CssClass="col-md-2 col-form-
label">Description</asp:Label>
<div class="col-md-8">
<asp:TextBox runat="server" ID="txtProdDesc"
TextMode="Multiline" CssClass="form-control" />
</div>
</div>
<div class="form-group row justify-content-center">
<asp:Label runat="server" CssClass="col-md-2 col-form-
label">Notification</asp:Label>
<div class="col-md-8">
<div class="form-check-inline">
<asp:CheckBox runat="server" ID="chk1" CssClass="form-check-
input" />
<asp:Label runat="server" CssClass="form-check-
label">Email</asp:Label>
</div>
<div class="form-check-inline">
<asp:CheckBox runat="server" ID="chk2" CssClass="form-check-
input" />
<asp:Label runat="server" CssClass="form-check-
label">SMS</asp:Label>
</div>
</div>

</div>
<div class="form-group row justify-content-center">
<div class="offset-md-2 col-md-8">
<asp:Button runat="server" Text="Add Product" CssClass="btn
btn-block btn-outline-primary" />
</div>
</div>
</div>

P Kanaksabee 2

You might also like