demos/sections/form.html in compass-ui-0.0.4 vs demos/sections/form.html in compass-ui-0.0.5

- old
+ new

@@ -1,26 +1,66 @@ <h2 class="demoHeaders">Common Input Fields</h2> <form action="#" class="ui-form" method="get" accept-charset="utf-8"> - <p><input type="submit" value="Continue &rarr;"></p> <p> - <strong>Input (type: 'text')</strong><br /> - <input type="text" /> + <input type="submit" value="Regular Submit &rarr;"> + <input class="format-ui-button" type="submit" value="Formatted Submit &rarr;"> </p> <p> - <strong>Input (type: 'email' and 'password')</strong><br /> - <input type="email" /><input type="password" /> + <h3>Input (type: 'text')</h3> + <input type="text" > </p> <p> - <strong>Text Area</strong><br /> + <h3>Input (type: 'email')</h3> + <input type="email" > + </p> + <p> + <h3>Input (type: 'password')</h3> + <input type="password" > + </p> + <p> + <h3>Input (type: 'url')</h3> + <input type="url" > + </p> + <p> + <h3>Input (type: 'date')</h3> + <input type="date" > + </p> + <p> + <h3>Input (type: 'datetime')</h3> + <input type="datetime" > + </p> + <p> + <h3>Input (type: 'month')</h3> + <input type="month" > + </p> + <p> + <h3>Input (type: 'tel')</h3> + <input type="tel" > + </p> + <p> + <h3>Input (type: 'number')</h3> + <input type="number" > + </p> + <p> + <h3>Text Area</h3> <textarea cols="30"></textarea> </p> <p> - <strong>Other Inputs Remain Fine</strong><br /> - <input type="radio" /> <br /> - <input type="checkbox" /> <br /> - <input type="range" /> <br /> - <input type="file" /> <br /> - <input type="submit" /> <br /> - <input type="button" value="Button" /> <br /> + <h3>Other Inputs</h3> + <p><input type="radio" > Input Radio</p> + <p><input type="checkbox" > Input Checkbox</p> + <p></strong> <input type="range" ></p> + <p> + <input type="file" > + <input type="file" class="format-ui-button"><br> + </p> + <p> + <input type="submit" > + <input class="format-ui-button" type="submit" value="Submit"><br> + </p> + <p> + <input type="button" value="Button" > + <input class="format-ui-button" type="button" value="Button"><br> + </p> </p> </form>