form inline

<div class="form-group"> <label for="birthday" class="col-xs-2 control-label">Birthday</label> <div class="col-xs-10"> <div class="form-inline"> <div class="form-group"> <input type="text" class="form-control" placeholder="year"/> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="month"/> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="day"/> </div> </div> </div> </div>

Inline form

1 
    2 <!-- Do NOT ALTER THE TEMPLATE.  WRITE THE CODE ONLY IN THE SPECIFIED PART -->
    3 
    4 
    5 <!DOCTYPE html>
    6 <html lang="en">
    7 <head>
    8 <meta charset="utf-8">
    9 <meta http-equiv="X-UA-Compatible" content="IE=edge">
   10 <meta name="viewport" content="width=device-width, initial-scale=1">
   11 <title>Example of Bootstrap 3 Inline Form Layout</title>
   12 
   13 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   14 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
   15 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   16 
   17 
   18 <style type="text/css">
   19     .compact{
   20     	margin: 20px;
   21     }
   22 </style>
   23 
   24 </head>
   25 <body>
   26     
   27     
   28     <div class="compact">
   29     
   30     <form action="" class="form-inline" method="get" accept-charset="utf-8">
   31         
   32         
   33         
   34         <input type="email" name="inputEmail" class="form-control " required id="inputEmail" placeholder="Email"  value="" />
   35         
   36         <input type="password" name="inputPassword" class="form-control"  required id="inputPassword" placeholder="Password" value="" />
   37         
   38         <button id="login" type="submit" class="btn btn-primary">
   39         Login <span class="glyphicon glyphicon-log-in"></span></button> 
   40         
   41     </form>        
   42         
   43         
   44     </div>
   45     
   46 
   47 <!--  WRITE YOUR CODE HERE -->
   48 
   49 
   50     
   51 </body>
   52 </html>                            
   53

Posted by: Guest on April-25-2021

Source

Code answers related to "form inline"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "form inline"

Code answers related to "form inline"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us