Skip to content

Instantly share code, notes, and snippets.

@bookwyrm
Last active August 29, 2015 14:20
Show Gist options
  • Save bookwyrm/b67eb0284baf8e5398ca to your computer and use it in GitHub Desktop.
Save bookwyrm/b67eb0284baf8e5398ca to your computer and use it in GitHub Desktop.
<div class="form__container">
<form class="form form--profile form--profile-horizontal" action="#">
<h3 class="form__title">Account Profile</h3>
<fieldset class="form__fields form__fields--horizontal">
<div class="form__field-cell">
<label for="name--profile-horizontal" class="form__label-text form__label-text--required">Name</label>
<input type="text" name="name" id="name--profile-horizontal" required aria-required>
</div>
<div class="form__field-cell">
<label for="email--profile-horizontal" class="form__label-text form__label-text--required">Email</label>
<input type="email" name="email" id="email--profile-horizontal" required aria-required>
</div>
<div class="form__field-cell">
<label for="company--profile-horizontal" class="form__label-text">Company Name</label>
<input type="text" name="company" id="company--profile-horizontal">
</div>
<div class="form__field-cell">
<label for="phone--profile-horizontal" class="form__label-text">Phone Number</span>
<input type="tel" name="phone" id="phone--profile-horizontal">
</div>
<div class="form__field-cell">
<label for="url--profile-horizontal" class="form__label-text">Homepage</label>
<input type="url" name="url" id="url--profile-horizontal">
</div>
<fieldset class="form__fields form__fields--checkable-group">
<legend class="form__label-text form__label-text--checkable-group">Email Format</legend>
<span class="form__field--checkable">
<input type="radio" name="email_format" value="html" id="email_format--html--profile-horizontal">
<label for="email_format--html--profile-horizontal">HTML</label>
</span>
<span class="form__field--checkable">
<input type="radio" name="email_format" value="text" id="email_format--text--profile-horizontal">
<label for="email_format--text--profile-horizontal">Plain Text</label>
</span>
</fieldset>
</fieldset>
<fieldset class="form__actions">
<input type="submit" name="submit" value="Update Profile">
</fieldset>
</form>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment