Form Elements


<div class="woocommerce">
  <div class="col2-set">
    <form>
      <div class="col-1">
      <div class="form-row form-row-first">
        <label>A Text Input<abbr class="required">*</abbr></label>
        <input class="input-text" type="text">
      </div>
      <div class="form-row form-row-last">
        <label>A Text Input<abbr class="required">*</abbr></label>
        <input class="input-text" type="text">
      </div>
      <div class="form-row form-row-wide">
        <label>A Text Input<abbr class="required">*</abbr></label>
        <input class="input-text" type="text" >
      </div>
      <div class="form-row form-row-wide">
        <label>An Email Input<abbr class="required">*</abbr></label>
        <input class="input-text" type="email" >
      </div>
      <div class="form-row form-row-wide">
        <label>A Phone Input</label>
        <input class="input-text" type="phone" >
      </div>
      <div class="form-row form-row-wide">
        <label>A Textarea</label>
       <textarea class="input-text" placeholder="placeholder text"></textarea>
      </div>

      <div class="form-row form-row-wide">
        <label>A Select Element</label>
      <select>
        <option value="one">One</option>
        <option value="two">Two</option>
        <option value="three">Three</option>
        <option value="four">Four</option>
      </select>
      </div>
      <input type="submit" value="submit">
    </div>
    </form>
  </div>
</div>