Menu icon Foundation
Reveal submitting issue

Hello,  form didn't work if I placed it out of reveal box

 

<form>

<p><button class="button" data-toggle="exampleModal8">Click me for a full-screen modal</button></p> <div class="full reveal" id="exampleModal8" data-reveal> <p>OH I'M SO FUUUUL</p> <img src="https://placekitten.com/1920/1280" alt="Introspective Cage"> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span aria-hidden="true">&times;</span> </button> </div>

</form>

 

the data in the reveal box will placed out of the form at the bottom of body tag which mean out of form tags and the data in the reveal box won't be sent with other form inputs 

 

how to fix this issue ??  I want the reveal box to stay in the form tag.  

 

revealsubmitform

Hello,  form didn't work if I placed it out of reveal box

 

<form>

<p><button class="button" data-toggle="exampleModal8">Click me for a full-screen modal</button></p> <div class="full reveal" id="exampleModal8" data-reveal> <p>OH I'M SO FUUUUL</p> <img src="https://placekitten.com/1920/1280" alt="Introspective Cage"> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span aria-hidden="true">&times;</span> </button> </div>

</form>

 

the data in the reveal box will placed out of the form at the bottom of body tag which mean out of form tags and the data in the reveal box won't be sent with other form inputs 

 

how to fix this issue ??  I want the reveal box to stay in the form tag.