Index: pages/forms/advanced.html |
=================================================================== |
new file mode 100644 |
--- /dev/null |
+++ b/pages/forms/advanced.html |
@@ -0,0 +1,34 @@ |
+title=Advanced Form Fields |
+ |
+<h1>Advanced Form Fields</h1> |
+<p>Default styles for native form elements.</p> |
+ |
+<p><a href="forms">Back to Forms</a></p> |
+ |
+<nav> |
+ <ol> |
+ <li><a href="#advanced-text">Advanced text</a></li> |
+ <li><a href="#media">Media</a></li> |
+ </ol> |
+</nav> |
+ |
+<section id="advanced-text"> |
+ <h2>Advanced text</h2> |
juliandoucette
2017/08/10 17:10:06
NIT: We indent by 2 spaces.
ire
2017/08/11 15:25:14
Done.
|
+ <p><input type="search" placeholder="Search terms" /></p> |
+ <p><input type="tel" placeholder="+55-55-555-5555" /></p> |
+ <p><input type="url" placeholder="example.com" /></p> |
+ <p><input type="email" placeholder="user@example.com" /></p> |
+ <p><input type="password" placeholder="Password" /></p> |
+ <p><input type="date" placeholder="Date" /></p> |
+ <p><input type="time" placeholder="Time" /></p> |
+ <p><input type="datetime-local" placeholder="Datetime Local" /></p> |
+ <p><input type="number" placeholder="5" /></p> |
+</section> |
+ |
+<section id="advanced-text"> |
+ <h2>Media</h2> |
+ <p> |
+ <label for="file">File</label> |
+ <input id="file" type="file" /> |
+ </p> |
+</section> |