data-behaviors playground

html

<div class="body span-24">
            <h2>form elements</h2>
            <dl>
              <dt>
                <label>checkbox</label>
              </dt>
              <dd>
                <input class="checkbox" type = "checkbox" data-behavior = "input-checkbox dirty" />
              </dd>

<dt>
                <label>date</label>
              </dt>
              <dd>
                <input class ="text date" id = "dd" type = "text" data-behavior = "input-date dirty" />
              </dd>
              <dt>
                <label>select</label>
              </dt>
              <dd>
                <select data-behavior = "input-select dirty">
                  <option>Example option</option>
                  <option>Sample option</option>
                  <option>Available option</option>
                </select>
              </dd>
              <dt>
                <label>text</label>
              </dt>
              <dd>
                
                <input type = "text" class ="text" data-behavior = "input-text dirty" /> <br/>
              </dd>
              <dt>
                <label>Textarea</label>
              </dt>
              <dd>
                <textarea>

html

output