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 →"></p>
<p>
- <strong>Input (type: 'text')</strong><br />
- <input type="text" />
+ <input type="submit" value="Regular Submit →">
+ <input class="format-ui-button" type="submit" value="Formatted Submit →">
</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>