post multiple forms with a single button press with html

-
<div class="col-sm-12">
<h3>Information</h3>
<div class="text text2">
<ul>
<li><a href=".cash" data-toggle="tab">total </a></li>
<li><a href=".cheque" data-toggle="tab">Bank</a></li>
<li><a href=".neft" data-toggle="tab">Net Banking</a></li>
<!--li><a href="#banking" data-toggle="tab">Net Banking</a></li>
<li><a href="#debit" data-toggle="tab">Debit Card</a></li>
<li><a href="#card"data-toggle="tab" >Credit Card</a></li>
<li><a href="#atm" data-toggle="tab" >ATM</a></li>
<li><a href="#imps"data-toggle="tab" >IMPS</a></li-->
</ul>
</div>
</div>
 <div class="tab-content">
<div class="tab-pane fade in active col-sm-12 cash "  id="cash" >
<h3>Cash</h3>
<div class="text  ">

<form role = "form" method="post" action="thanks.php" id="cash">
 
   <div class = "form-group">
      <label for = "date" class = "col-sm-2 control-label"  name="date" >Date</label>

      <div class = "col-sm-10">
         <input name="date"  type = "text" class = "form-control" id = "firstname" placeholder = "Date" required="required" >
      </div>
   </div>
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Receipt No</label>

      <div class = "col-sm-10">
         <input name="recno" type = "text" class = "form-control" id = "firstname" placeholder = "Receipt No ">
      </div>
   </div>
 
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Amount</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Amount" required="required">
      </div>
   </div>
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Receive</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Receive" required="required">
      </div>
      <input type="submit" value="Submit" class="submit-sec">
   </div>
 </form>


</div>
</div>
<div  class="tab-pane fade in  col-sm-12 cheque"  id="cheque" >

<h3>Cheque</h3>
<div class="text  ">

<form role = "form" method="post" action="thanks.php">
 
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Bank Name</label>

      <div class = "col-sm-10">
         <input name="bank" type = "text" class = "form-control" id = "firstname" placeholder = "Bank Name" required="required">
      </div>
   </div>
 
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Branch</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Branch" required="required">
      </div>
   </div>
 
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label ">Cheque No.   </label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Cheque No."required="required" >
      </div>
   </div>
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Date</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Date " required="required" >
      </div>
   </div>
 
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Amount</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Amount"  required="required">
      </div>
      <input type="submit" value="Submit" class="submit-sec">
   </div>

 </form>
</div>
</div>
<div  class="tab-pane fade in  col-sm-12 neft" id="neft">

<h3>NEFT</h3>
<div class="text  ">


  <form role = "form" method="post" action="thanks.php">
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Bank Name</label>

      <div class = "col-sm-10">
         <input name="bank" type = "text" class = "form-control" id = "firstname" placeholder = "Bank Name" required="required" >
      </div>
   </div>
 
   <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Branch</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Branch"  required="required">
      </div>
   </div>
    <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Date</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Date" required="required">
      </div>
   </div>
 
  <div class = "form-group">
      <label for = "firstname" class = "col-sm-2 control-label">Amount</label>

      <div class = "col-sm-10">
         <input type = "text" class = "form-control" id = "firstname" placeholder = "Amount" required="required">
      </div>
      <input type="submit" value="Submit" class="submit-sec">
   </div>
  </form>

</div>
</div>
</div>
</div> 

Comments

Post a Comment

Popular posts from this blog

What is HTML? Complete Beginner’s Guide (with Examples)

-
Image
What is HTML? Complete Beginner’s Guide (with Examples) Are you new to web development and want to learn how websites are built? Then, understanding HTML is the first step. In this guide, we will explain HTML in simple terms, provide examples, and show you how to start creating your own web pages. Table of Contents What is HTML? Why is HTML Important? Basic Structure of an HTML Document HTML Tags and Elements Examples of HTML Code How to Create Your First Web Page Tips for Learning HTML Conclusion 1. What is HTML? HTML (HyperText Markup Language) is the standard language used to create web pages. It is not a programming language—it’s a markup language that tells web browsers how to display content. With HTML, you can: Add text, headings, and paragraphs Insert images, videos, and links Create tables, lists, and forms Build structured websites 2. Why is HTML Important? HTML is the backbone of every website. Without HTML, the internet as ...
Read more

HTML Forms — Input, Label, Button & Validation (Explained Like a Teacher With Examples)

-
Image
HTML Forms — Input, Label, Button & Validation  When you browse any website, you often fill forms — login forms, search forms, payment forms, enquiry forms, registration forms, and many more. All these are created using HTML Forms . As your teacher, I will help you understand this topic in the simplest way. By the end of this lesson, you will be able to: Create forms Use labels, inputs, and buttons Add validation Build a clean and professional form Let’s learn step-by-step. What is an HTML Form?  An HTML form is like a digital notebook page where we ask the user to write information. If we need the user’s: Name Email Age Password Message …then a form helps us collect that information. HTML form uses the <form> tag: <form action="submit.php" method="POST"> <!-- form fields --> </form> Important attributes action → Where the data will go method → How the data will be sent POST → Sa...
Read more

Difference Between HTML and HTML5 (2025 Explained) | Features, Advantages & Comparison Table

-
Image
Introduction If you want to become a web developer in 2025, the first thing you must understand is the difference between HTML and HTML5 . Both are markup languages used to create web pages, but HTML5 is a major upgrade with advanced features like audio/video support, semantic tags, offline storage, and faster performance. This article explains everything in easy language, with examples and a full comparison table — perfect for students, beginners, and bloggers. What is HTML? HTML stands for HyperText Markup Language . It is used to structure content on a webpage using tags like: <html> <head> <body> <p> <img> <table> HTML versions before HTML5 depended heavily on external plugins like Flash or Silverlight for audio, video, and animations. What is HTML5? HTML5 is the latest version of HTML , introduced to support modern web needs like: multimedia (audio & video) animations games responsive websites ...
Read more