Scribd
Upload
69 views2 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
69 views2 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
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