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