Skip to content

Instantly share code, notes, and snippets.

@phylaxis
Created February 9, 2016 08:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save phylaxis/27ec7c98cb94f8d2caa3 to your computer and use it in GitHub Desktop.
Save phylaxis/27ec7c98cb94f8d2caa3 to your computer and use it in GitHub Desktop.
Foundation Abide Form
<form id="signupform" action="http://somesite.com/wp-login.php?action=register" method="post" data-abide="" novalidate="novalidate">
<div class="row form-row">
<div class="medium-6 columns">
<p class="error">
<label for="email">Email <strong>*</strong>
<input type="text" name="email" id="email" required="" pattern="email">
</label>
<small class="error">A valid email address is required.</small>
</p>
</div>
<div class="medium-6 columns">
<p>
<label for="email_confirm">Confirm Email <strong>*</strong>
<input type="text" name="email_confirm" id="email_confirm" required="" pattern="email" data-equalto="email">
</label>
<small class="error">A valid matching email address is required.</small>
</p>
</div>
</div>
<div class="row form-row">
<div class="medium-6 columns">
<p><label for="password">Password <strong>*</strong>
<input type="password" name="password" id="password" required="">
</label></p>
</div>
<div class="medium-6 columns">
<p><label for="password_confirm">Confirm Password <strong>*</strong>
<input type="password" name="password_confirm" id="password_confirm" required="" data-equalto="password">
</label></p>
</div>
</div>
<div class="row form-row">
<div class="signup-submit medium-6 columns">
<p><input type="submit" name="submit" class="button-primary register-button" value="Register"></p>
</div>
</div>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment