Menu icon Foundation
trying to create a form inside of a reveal modal

So im trying to add a form into a modal pop up box but it's crashing my page, not sure what I'm doing wrong can anyone help. Here is my code:

<div id="myModal" class="reveal-modal" data-reveal>
  <form>
    <div class="row">
      <div class="large-4 columns">
        <label>Input Label
          <input type="text" placeholder="large-4.columns" />
        </label>
      </div>
      <div class="large-4 columns">
        <label>Input Label
          <input type="text" placeholder="large-4.columns" />
        </label>
      </div>
      <div class="large-4 columns">
        <label>Input Label
          <input type="text" placeholder="large-4.columns" />
        </label>
      </div>
    <div class="row">
      <div class="large-12 columns">
        <label>Textarea Label
          <textarea placeholder="small-12.columns"></textarea>
        </label>
      </div>
    </div>
  </form>
  <a class="close-reveal-modal">&#215;</a>
</div>
            

         

modalform

So im trying to add a form into a modal pop up box but it's crashing my page, not sure what I'm doing wrong can anyone help. Here is my code:

<div id="myModal" class="reveal-modal" data-reveal>
  <form>
    <div class="row">
      <div class="large-4 columns">
        <label>Input Label
          <input type="text" placeholder="large-4.columns" />
        </label>
      </div>
      <div class="large-4 columns">
        <label>Input Label
          <input type="text" placeholder="large-4.columns" />
        </label>
      </div>
      <div class="large-4 columns">
        <label>Input Label
          <input type="text" placeholder="large-4.columns" />
        </label>
      </div>
    <div class="row">
      <div class="large-12 columns">
        <label>Textarea Label
          <textarea placeholder="small-12.columns"></textarea>
        </label>
      </div>
    </div>
  </form>
  <a class="close-reveal-modal">&#215;</a>
</div>
            

         

This post has been closed. No new replies can be added.

Ryan Hellerud about 5 years ago

fixed, was missing closing div.