Creation of Two TextBox in a Single Row
How to Create Two TextBox in a Single-row ?
Please find below code to (Using Bootstrap)
__________
ASPX Code
__________
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="twworows.aspx.cs" Inherits="twworows" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Two Rows</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<style>
h2 {
text-align: center;
}
form {
margin: 150px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2>Form</h2>
<div class="row">
<div class="col-md-6">
<div class="col-lg-9 col-md-3 control-label">
<asp:Label ID="Label7" runat="server" Text="Shade"></asp:Label>
</div>
<div class="col-lg-9 col-md-8">
<asp:TextBox ID="txtval6" runat="server" CssClass="form-control"></asp:TextBox><br />
</div>
</div>
<div class="col-md-6">
<div class="col-lg-9 col-md-3 control-label">
<asp:Label ID="Label8" runat="server" Text="Item"></asp:Label>
</div>
<div class="col-lg-9 col-md-8">
<asp:TextBox ID="txtval7" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="col-md-6">
<div class="col-lg-9 col-md-3 control-label">
<asp:Label ID="Label9" runat="server" Text="Lot"></asp:Label>
</div>
<div class="col-lg-9 col-md-8">
<asp:TextBox ID="txtval8" runat="server" CssClass="form-control"></asp:TextBox><br />
</div>
</div>
<div class="col-md-6">
<div class="col-lg-9 col-md-3 control-label">
<asp:Label ID="Label10" runat="server" Text="Cones"></asp:Label>
</div>
<div class="col-lg-9 col-md-8">
<asp:TextBox ID="txtval9" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="col-md-6">
<div class="col-lg-9 col-md-4 control-label">
<asp:Label ID="Label11" runat="server" Text="Gross Weight"></asp:Label>
</div>
<div class="col-lg-9 col-md-8">
<asp:TextBox ID="txtval10" runat="server" CssClass="form-control"></asp:TextBox><br />
</div>
</div>
<div class="col-md-6">
<div class="col-lg-9 col-md-4 control-label">
<asp:Label ID="Label12" runat="server" Text="Net Weight"></asp:Label>
</div>
<div class="col-lg-9 col-md-8">
<asp:TextBox ID="txtval11" runat="server" CssClass="form-control"></asp:TextBox><br />
</div>
<div>
<asp:Button ID="btnregis" runat="server" Text="Register" CssClass="btn btn-success"></asp:Button>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
Comments
Post a Comment