Question

My website is separated into two parts – a large (CodeMirror) <textarea> and a drop-down menu which has a <form> (that contains “From”, “To”, “Subject” inputs) in it linked to a send.php file.

The text area and the form itself are located inside different <div>s so I’m not able to link it to the rest of the inputs I’m transferring to the send.php file.

How can I link / connect the submit button to the <textarea> input along with the other inputs it’s associated with (“From”, “To”, “Subject”) when transferring the data to the send.php file?

<div id="container">

   <div id="sidebar" class="twenty"> //the form div

      <li class="menu">
          <li class="dropdown">     
             <form method="post" action="send.php">      
                <input type=... />
                <input type=... />
                <input type=... />
                <input type="image" src=... alt="Submit Form" />                
             </form>
          </li>
      </li>

   </div>

   <div class="seventy"> //the textarea div

   <textarea id="code" name="code">
   </textarea>

   </div>

</div>

Answer 1

You can make form the outermost tag. It changes nothing to the flow of the document.