Sample HTML Design screen

-
I have html control like Below screen shot



<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 
 
<head>
    <title></title>
    <script src="Scripts/angular.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
 
 
</head>
<body>
 
    <div class="container-fluid">
        <div class="page-header"><h1 style="text-align:center;">Registation Form</h1></div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label class="label label-default"> Name :</label>
                    <input type="text" name="txtName" class="form-control" id="txtName" ng-model="txtName" />
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label class="label label-default"> Address :</label>
                    <input type="text" id="txtAddress" class="form-control" name="txtAddress" ng-model="txtAddress" />
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label class="label label-default"> Email :</label>
                    <input type="text" id="txtEmail" name="txtEmail" class="form-control" ng-model="txtEmail" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label class="label label-default"> Phone No :</label>
                    <input type="tel" name="txtPnNo" class="form-control" id="txtPnNo" ng-model="txtPnNo" />
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label class="label label-default"> User Name :</label>
                    <input type="text" id="txtUserName" class="form-control" name="txtUserName" ng-model="txtUserName" />
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label class="label label-default"> Password :</label>
                    <input type="password" id="txtPassword" name="txtPassword" class="form-control" ng-model="txtPassword" />
                </div>
            </div>
        </div>
        <div style="text-align: center;">
            <button id="btnsubmit" type="submit" ng-model="submit" class="btn btn-group" value="submit">Register</button>
        </div>
    </div>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Reverse Sentence using c#

-
using System; namespace ReverseString_Sentence {     class Program     {         static void Main(string[] args)         {             string str = "Hello World!";             Console.WriteLine(str);             string finalStr = "";             string midStr = "";             str = " " + str;             for (int i = str.Length - 1; i >= 0; i--)             {                 if (str[i].ToString() != " ")                 {                     midStr = midStr + str[i];                 }             ...
Read more

How to write Pure java script Program?

-
Image
Create  the Below  folder structure app.js: ==== function submit() {     var name = document.getElementById("txtName").value;     var code = document.getElementById("txtCode").value;     console.log(name + code); } function turnOffLight() {     var a, b, c;     a = 10;     b = 12;     document.getElementById("tagDisplay").innerHTML = a + b; } function turnOnLight() {     /*Comment Implementation       document.getElementById("tagInnerHtmlBasicTag").innerHTML = 'Sreenivas';     */     var x, y;     x = y;     x += y;//x=x+y;     x -= y;//x=x-y;     x *= y;//x=x*y;     x /= y;//x=x/y;     x = 10;     y = 10;     console.log(x | y);     console.log(x ** y);     console.log(x ^ y);     console.log(x >>> y); ...
Read more