Hi
In a form, I have two divs like in left and right but only one submit button . I don`t know how to save in submit action.
Submit button has to come in center. Here I included my code . Check and tell me
<form action="usersave.php"> <!-- class="form-horizontal form-label-left"--> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">First Name</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div> </div> <br><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">Last Name</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">Email Address</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">Password</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input type="password" class="form-control"> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">Confirm Password</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input type="password" class="form-control" required> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">Role</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div> </div><br><br> <div class="form-group"> </div><br><br> </div> </div> <!-- /form input mask --> <!-- form color picker --> <div class="col-md-6 col-sm-12 col-xs-12"> <div class="x_panel"> <div class="x_title"> <h2>Contact information</h2> <div class="clearfix"></div> </div> <div class="x_content"> <br /> <!--<form class="form-horizontal form-label-left">--> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Email</label> <div class="col-md-9 col-sm-9 col-xs-12"> <input type="email" class="form-control"/> </div> </div> <br><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Cell Phone</label> <div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" /> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Home Phone</label> <div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control"> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Street 1</label> <div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control"> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Street 2</label> <div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" id="demo_forceformat3"> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">State</label> <div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" id="demo_forceformat3"> </div> </div><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Zip</label> <div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" id="demo_forceformat3" required> </div> </div><br><br> <div class="form-group mybutton"> <div class="col-md-9 col-md-offset-3"> <button type="submit" class="btn btn-success" name="submit">Submit</button> <button type="submit" class="btn btn-primary">Cancel</button> </div> </div> </form> </div> </div> </div> <!-- /form color picker --> </div> </div>
AntonyRayan 15 Posting Whiz in Training
diafol
You expect people to be able to wade through unindented markup like that? Really?
gentlemedia commented: tagsoup :) +6
gentlemedia 803 Master Poster
Well. let me be a bit helpfull, but thanks to http://www.freeformatter.com/html-formatter.html :)
<form action="usersave.php">
<!-- class="form-horizontal form-label-left"-->
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-3">First Name</label>
<div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div>
</div>
<br><br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-3">Last Name</label>
<div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-3">Email Address</label>
<div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-3">Password</label>
<div class="col-md-9 col-sm-9 col-xs-9"> <input type="password" class="form-control"> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-3">Confirm Password</label>
<div class="col-md-9 col-sm-9 col-xs-9"> <input type="password" class="form-control" required> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-3">Role</label>
<div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> </div>
</div>
<br><br>
<div class="form-group"> </div>
<br><br> </div> </div> <!-- /form input mask --> <!-- form color picker -->
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2>Contact information</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<br /> <!--<form class="form-horizontal form-label-left">-->
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Email</label>
<div class="col-md-9 col-sm-9 col-xs-12"> <input type="email" class="form-control"/> </div>
</div>
<br><br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Cell Phone</label>
<div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" /> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Home Phone</label>
<div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control"> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Street 1</label>
<div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control"> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Street 2</label>
<div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" id="demo_forceformat3"> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">State</label>
<div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" id="demo_forceformat3"> </div>
</div>
<br><br>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Zip</label>
<div class="col-md-9 col-sm-9 col-xs-12"> <input type="text" class="form-control" id="demo_forceformat3" required> </div>
</div>
<br><br>
<div class="form-group mybutton">
<div class="col-md-9 col-md-offset-3"> <button type="submit" class="btn btn-success" name="submit">Submit</button> <button type="submit" class="btn btn-primary">Cancel</button> </div>
</div>
</form>
</div> </div> </div> <!-- /form color picker --> </div> </div>
diafol commented: Nice +15
drjohn 56 Posting Pro in Training
You have a lot of code in a single form. The presence or abscence of the divs has no effect as the fields are all in one form. Any saving is done by the script, usersave.php.
So where are you trying to save the input, in what format (flat file, database?).
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.