OLD | NEW |
1 title=Advanced Form Fields | 1 title=Advanced Form Fields |
| 2 description=Default styles for advanced form elements |
2 | 3 |
3 <h1>Advanced Form Fields</h1> | 4 <h1>Advanced Form Fields</h1> |
4 <p>Default styles for advanced form elements.</p> | 5 <p>Default styles for advanced form elements.</p> |
5 | 6 |
6 <nav> | 7 <nav> |
7 <ol> | 8 <ol> |
8 <li><a href="#advanced-text">Advanced text</a></li> | 9 <li><a href="#advanced-text">Advanced text</a></li> |
9 </ol> | 10 </ol> |
10 </nav> | 11 </nav> |
11 | 12 |
12 <section id="advanced-text"> | 13 <section id="advanced-text"> |
13 <h2>Advanced text</h2> | 14 <h2>Advanced text</h2> |
14 <p><input type="search" placeholder="Search terms" /></p> | 15 <p><input type="search" placeholder="Search terms" /></p> |
15 <p><input type="tel" placeholder="+55-55-555-5555" /></p> | 16 <p><input type="tel" placeholder="+55-55-555-5555" /></p> |
16 <p><input type="url" placeholder="example.com" /></p> | 17 <p><input type="url" placeholder="example.com" /></p> |
17 <p><input type="email" placeholder="user@example.com" /></p> | 18 <p><input type="email" placeholder="user@example.com" /></p> |
18 <p><input type="password" placeholder="Password" /></p> | 19 <p><input type="password" placeholder="Password" /></p> |
19 <p><input type="date" placeholder="Date" /></p> | 20 <p><input type="date" placeholder="Date" /></p> |
20 <p><input type="time" placeholder="Time" /></p> | 21 <p><input type="time" placeholder="Time" /></p> |
21 <p><input type="datetime-local" placeholder="Datetime Local" /></p> | 22 <p><input type="datetime-local" placeholder="Datetime Local" /></p> |
22 <p><input type="number" placeholder="5" /></p> | 23 <p><input type="number" placeholder="5" /></p> |
23 </section> | 24 </section> |
OLD | NEW |